Свежие статьи

Как создать сайт по изготовлению мебели на заказ

Сайт по изготовлению мебели на заказ

Сегодня соберем сайт по изготовлению мебели на заказ.

Друзья привет.

Сегодня соберем сайт который продает создание мебели на заказ. Вот что получилось http://supermebel.ru/ Это могут быть кухни, мягкая мебель, лестницы, да что угодно, требуется только приложить немного фантазии в составлении текстов и подбору картинок.

Сайт имеет мобильную и планшетную версию. Очень быстро грузится. Обладает высочайшей конверсией. Мы сделали сайт, в светлых тонах, и от этого выглядит очень аккуратно и легко. На сайте очень понятно выстроены блоки, которые позволяют провести пользователя от начала до конца странички вовлекая его в просмотр и давая нужную информацию.

Очень свежо и круто смотрится боковое меню. Оно очень удобно поскольку не загораживает место на экране и всегда на виду. Так же в меню дополнительно интегрирована форма заказа.

В видео я показываю как установить онлайн консультанта и настроить метрику.

Все коды которые необходимы при создании калькулятора будут приведены ниже под этими тремя видео.

Видео рассчитано на пользователей любого уровня, показаны все этапы от начала до конца. У Вас не было ни чего и вот у Вас есть сайт. Бери и делай!


Если видео не отображается перейдите по ссылке https://www.youtube.com/embed/L0fy9aF1Wk8

Что то не так? Перейдите по ссылке https://www.youtube.com/embed/R-55x8BW2JE

Если что то не фурычит можете посмотреть по ссылочке на ютюбе https://www.youtube.com/embed/8e5LOUjtGfw

Стили которые я использовал при настройке калькулятора

.ezfc-image-selection-style-default .ezfc-element-option-has-image img {
    opacity: 1 ;
}
.ezfc-image-selection-style-default .ezfc-element-option-has-image img:hover {
    opacity: .8;
}
.ezfc-step-button {display:none;}
.ezfc-required-notification  {display:none;}
.ezfc-label {text-align: center; font-family: oswald; font-size: 2.5em !important;}
.ezfc-price {
    position: relative;
    top: -59px;
    font-size: 2.5em;
    color: #fcc900;
}
.ezfc-price-value
{
    font-size: 2.5em;
}

.step-slide__title {display: block !important;}

.ezfc-theme-slick .ezfc-btn, .ezfc-theme-slick .ezfc-step-button {
    border: 0;
    background-color: #fcc900!important;
    color: #ffffff!important;
}
.ezfc-theme-slick{
    padding-top: 0;
    padding-bottom: 0;
}

@media screen and (max-width: 768px) {
.ezfc-form.ezfc-form-center label {
    text-align: center;
    line-height: 1em;

}
}

.ezfc-theme-slick .ezfc-label {
    padding: 0;
}

.ezfc-theme-slick .ezfc-btn {
    padding: 20px 40px;
}

Вставляете его вот сюда Куда вставлять scc в калькуляторе

Код самого калькулятора исходник можете взять тут Код для калькулятора там же и стили продублированы. Как и куда вставить я рассказывал во второй части видео. Продублирую в виде скрина.Как импортировать код

Друзья, если что то не понятно по видео можно писать в комментарии, задавать вопросы, делиться своими результатами, ссылки на ваши сайты не удаляю.

Если нужна помощь всегда пожалуйста, бронируйте только время тут https://e-integrate.ru/bronirovanie-konsultatsii-po-skajpu/ чтобы все по времени, а иначе не получится.

Ну и добро пожаловать на курс https://e-integrate.ru/ где вы получите все необходимые инструменты и поддержку, и неизбежно соберете свои первые сайты!

Узнайте первым о выходе новых статей

Подпишитесь на рассылку чтобы получать проверенные полезные фишки по созданию сайтов. В хозяйстве пригодится, не пожелеете!

Оставьте комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *