Как в конструкторе wix добавить документ

Как добавить документ на сайт Wix

Вам необходимо загрузить файл или документ на ваш сайт викс (.pdf, .doc, .xls)? Нет ничего проще. Пошагово выполняйте инструкции ниже и у вас всё получится.

Чтобы загрузить документ:

1. Нажмите Медиа слева в редакторе.
2. Нажмите на иконку Загрузить файлы.
3. Выберите файл(ы) на вашем компьютере.
4. (По желанию) Выберите файл и нажмите Добавить на сайт.

Создание одностраничного сайта (лендинг) на конструкторе Wix

Лендинг – это одностраничный сайт, главной задачей которого является продвижение услуг и товаров. Поэтому в дизайне лендинга всегда присутствуют CTA-кнопки (кнопка призыва к действию), побуждающие пользователя к целевому действию (регистрации, заказу и т.д.).

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

Настройка блоков лендинга

Чтобы не повторяться, подробная настройка шапки и подвала сайта были описаны в пошаговой инструкции по созданию сайта-визитки на Wix.

Первый блок ниже хедера с эффектом параллакса скопируем с главной страницы, которая входит в состав шаблона выше. Поэтому сконцентрируем свое внимание на более уникальном функционале.

Добавление видеоплеера

Сразу под хедером на полоску с эффектом параллакса добавим плеер для воспроизведения промо видео. Для этого:

В боковом меню редактора переходим в раздел « Добавить » — « Видео и аудио » и перетаскиваем на страницу виджет « Одиночное видео ».

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

Полоска с видео

Ниже полоски с параллаксом разместим еще одну. Для этого:

В боковом меню слева переходим в пункт « Добавить » — « Полоска » — « Классика » и выбираем бесцветный вариант.

В конструкторе сайта Wix реализована многослойная архитектура веб-документа. Это значит, что каждый элемент веб-страницы представляет собой отдельный слой. Благодаря подобному подходу их легче позиционировать, а также можно накладывать один слой на другой.

Управление слоями

Управление слоями осуществляется в специальной панели. Для ее активации:

Перейдите в раздел верхнего меню « Инструменты » — « Слои ».

Обратите внимание, что видеоплеер находится вне основных слоев (полосок), а лежит поверх их.

• Или выделите нужный элемент, в контекстном меню (вызывается правой кнопкой мыши) выберите « Слои » — « Все слои ».

Панель « Слои » позволяет скрывать отображение отдельных элементов, подсвечивать их. А также менять порядок родительских слоев путем перетаскивания. Кроме этого для изменения порядка слоев можно использовать панель « Инструменты ».

Слайдер

Ниже серой полоски добавим полноэкранный слайдер для демонстрации продукции и услуг компании. Для этого:

В боковом меню перейдите в пункт « Добавить » — « Интерактив » — « Слайд-шоу », « На весь экран ».

Чтобы изменить содержимое слайдов:

Кликните по слайду с помощью мышки и перейдите по ссылке « Управлять слайдами ».

Проделайте перечисленные выше действия со всеми остальными слайдами.

Мотивирующая полоска

Под слайдером разместим еще одну полоску. Процесс ее настройки аналогичен тому, который мы описали при добавлении первой полоски.

Репитер

Ниже второй полоски будет располагаться репитер – это коллекция повторяющихся элементов, имеющих схожий дизайн, но содержащих разный контент. Репитеры упрощают представление и организацию содержимого различного типа на веб-странице.

Для добавления репитеров выполните следующие действия:

В боковом меню перейдите в раздел « Добавить » — « Списки и сетки » — « Репитеры ».

Каждый элемент репитера настраивается отдельно:

Измените текстовое содержимое блока справа.

Обратите внимание, что изменения, примененные к одному блоку, отразятся и на всех остальных блоках, входящих в состав репитера.

Блок «Наша команда»

После репитера добавим полоску « Наша команда ». Для этого перейдите в меню « Добавить » — « Полоска » — « Команда ».

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

Для настройки порядка секций:

1. Курсором выделите нужную секцию и кликните по ссылке « Управлять », доступной сверху.
2. В появившемся диалоговом окне задайте порядок элементов и их количество.

Блок с отзывами

После полоски « Наша команда » расположим блок с отзывами клиентов. Для этого выполните следующие действия:

1. Перейдите в боковое меню.
2. Кликните по пункту « Добавить » — « Полоска » — « Отзывы ».
3. Перетащите курсором нужный элемент в рабочую область редактора страницы.

Форма лидогенерации

Ниже блока с отзывами добавим форму для лидогенерации. Для этого:

1. В боковом меню редактора переходим в раздел « Добавить » — « Формы и связь », « Лид-формы ».
2. Добавляем форму на страницу с помощью перетаскивания.

Данные, собираемые формами, отображаются в специальном разделе панели управления сайтом, созданным с помощью конструктора Wix.

Интерактивные элементы

Кроме всего прочего в коллекции редактора конструктора Wix доступны интерактивные элементы, которые повышают конверсионность лендинга: таймеры, всплывающие формы и т.д.

Таймер обратного отсчета

Добавим на свой вариант посадочной страницы таймер. Для этого:

В меню слева переходим в раздел Wix APP Market , в поисковое поле вводим «таймеры» и выбираем Wix Countdown Clock .

Всплывающая форма лидогенерации

Для реализации этого функционала мы будем использовать промобоксы . Это всплывающие окна, которые отображаются в редакторе конструктора сайтов Wix как отдельные веб-страницы.

Для добавления на лендинг всплывающей формы:

В разделе бокового меню « Добавить » переходим в пункт « Интерактив » — « Промобоксы » — « Контакты » и выбираем нужный элемент.

Настройка якорей и CTA-кнопок

На созданной нами странице присутствует три CTA-элемента. Кнопка « Позвонить » расположена в правом верхнем углу хедера и две кнопки « Погнали » на полосках с мотивирующими фразами. В их настройках можно задать следующие варианты перенаправления:

• На внешний интернет-ресурс.
• На страницу сайта.
• К определенному элементу лендинга (например, форме).
• К футеру или хедеру веб-страницы.
• На определенный документ (файл).
• К отправке электронного письма на заданный email-адрес.
• К звонку на указанный номер.
• На промобокс.

Кнопка «Позвонить»

Рассмотрим настройку кнопки « Позвонить ». Для этого:

1. В правом верхнем углу курсором выделите эту кнопку и кликните по ссылке« Настроить ».
2. В диалоговом окне, если нужно, редактируем надпись на элементе и заменяем значок. После этого кликаем по иконке ссылки.

Теперь мобильные пользователи лендинга при нажатии на иконку телефона сразу смогут позвонить по указанному номеру.

Кнопки «Погнали»

К первой кнопке мы привяжем якорную ссылку, ведущую к форме лидогенерации, расположенной внизу лендинга. Для этого:

В настройках кнопки кликаем по иконке ссылки, которая расположена внизу диалогового окна.

Вторую кнопку «Поехали» привяжем к промобоксу. После этого нажатие на кнопку будет открывать всплывающее окно, которое мы создали ранее. Для этого:

Переходим в настройки кнопки и в списке « Куда ведет этот элемент? » выделяем вариант « Промобокс » и справа выбираем нужный элемент.

WIX — установка кода чата

Откройте панель управления вашим сайтом в Wix и перейдите в раздел «Настройка». Затем выберите «Пользовательский код» в разделе «Дополнительно».

Далее нажмите на кнопку «Добавить код» в правом верхнем углу.

В открывшемся окне настроек сделайте следующее:

• вставьте ваш код из Jivo, он находится в вашем аккаунте Jivo в разделе «Управление» > Каналы связи» > «Настроить» > «Установка»;
• выберите домен (ваш сайт, на который устанавливаете чат);
• укажите любое название для кода;
• при необходимости конкретизируйте страницы для установки чата и выберите опцию «Загружать код только один раз»;
• в пункте «Где разместить код» выберите «Head».

Затем нажмите кнопку «Добавить».

На этом всё. Пока тумблер напротив добавленного кода находится в активном состоянии, чат будет отображаться на вашем сайте.

Способ 2. Установка при помощи плагина

Откройте панель редактирования вашего сайта Wix. Зайдите в раздел «Приложения» на панели слева. В открывшемся списке найдите и откройте категорию «Чат».

Среди доступных чатов найдите наш — «Jivo Live Chat», и кликните на него.

Далее приложение следует добавить, нажав на соответствующую кнопку в появившемся окошке.

Виджет установлен. Теперь вам нужно подключить аккаунт Jivo.

Если у вас еще нет аккаунта в нашей системе нажмите «Create a new account» и вы сможете пройти процедуру регистрации.

Если же вы зарегистрированный пользователь, нажмите «Or connect account», вам будет предложено авторизоваться с вашими логином и паролем.

После того, как авторизуетесь, не забудьте опубликовать ваш сайт, и виджет будет работать.

При данном способе установки важно учесть следующие особенности:

1) Для всех настроек дизайна мы рекомендуем использовать наше приложение и ориентироваться именно на него, поскольку некоторые изменения (такие как цвета, текст надписей, тип и размер шрифта и т.п.), применяются к чату на сайте, но могут не отображаться в настройках в конструкторе Wix.

2) Ярлык чата отображается корректно только при выборе положения ярлыка снизу экрана (не сбоку).

Способ 3. Добавление HTML-кода в редакторе

Откройте приложение Jivo, раздел «Управление» -> Каналы связи -> Настройки (под названием сайта) -> Установка.

Затем нужно скопировать код чата:

Зайти в личный кабинет wix.com и нажать Управление на иконке сайта:

Затем в настройках сайта нажать на кнопку Редактировать:

В редактировании сайта нужно найти «Добавить > Ещё > HTML код и перетащить блок для HTML кода на страницу:

Нажмите Вставить код и вставьте код, скопированный в самом начале:

После этого либо с помощью точек перетаскивания, либо через регулировку размера задайте нашему блоку размеры 420х500:

Чтобы чат был на всех страницах, включите галочку «На всех страницах»

Чтобы чат был прикреплён к нижней части экрана, нажмите правой кнопкой на блоке с кодом и выберите пункт «Прикрепить к экрану»:

Затем выберите нужную позицию для кнопки чата и установите значения смещения — 0:

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

Известные ограничения:

Из-за особенностей работы сайтов на Wix в работе чата есть некоторые ограничения:

• Интеграция с соц.сетью ___ недоступна для сайтов с Wix.
• Не работает отправка событий в системы Яндекс.Метрика и Google Analytics.

WIX как конструктор блогов

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

Оглавление:

• Сила блога
• Как создать качественный блог самому
• Регистрация и начало создания блога
• Выбор и создание шаблона
• Редактирование шаблона
• Дополнительный функционал для блога
• Наполнение блога
• Расширенные возможности
• Публикация блога

Сила блога

Перед рассказом о том, как создается блог на в WIX, хорошо бы поговорить о «важности» и «нужности» блога и какой с него вообще может быть толк.

Многие создают блог исключительно для самовыражения и общения, обычно именно с такой несерьезной деятельностью ассоциируется блог. Однако его можно использовать и в коммерческих целях. Вариантов использовать блог так, чтобы он приносил прямую или косвенную прибыль много, рассмотрим некоторые из них:

• Блог как самостоятельный бизнес. Блог может служить самостоятельным источником дохода. Величина заработка в этом случае будет зависеть от нескольких факторов. В первую очередь, это количество подписчиков и посещаемость. После того, как блог станет посещаемым, его можно будет монетизировать, размещая там партнерские ссылки и другие виды рекламы. Через собственный блог также можно продавать свои знания в виде инфопродуктов. Это могут быть книги, аудио- и видеокурсы.
• Блог как источник трафика. Блог может играть роль дополнительного источника трафика на сайт. Для этого он должен соответствовать тематике сайта и иметь ссылки, направляющие на его страницы.
• Блог для бизнеса. Блог может использоваться в качестве корпоративного средства общения с сотрудниками, клиентами и партнерами компании. С помощью него можно продвигать любой бренд. Как правило, в блоге публикуется более личная и интересная информация, есть возможность обратной связи в виде комментариев. Сам формат личного дневника способствует формированию доверия к компании. С помощью блога можно также создать интернет-витрину, рекламирующую товары или услуги. В этом случае он может служить как самостоятельным бизнесом, так и дополнением к нему.
• Блог для творчества. Блог помогает поделиться своими творческими способностями и найти свою аудиторию. Многие писатели, фотографы, поэты, актеры, художники добились популярности с помощью своих собственных блогов. Естественно, впоследствии они смогли на этом хорошо зарабатывать.
• Блог как резюме. Собственный блог способен рассказать работодателю гораздо больше о претенденте на вакансию, чем резюме. И действительно, некоторые компании отдают предпочтение кандидатам с интересными блогами, нежели с красными дипломами.

Таким образом, можно представить, что блог имеет важное значение во многих сферах бизнеса. И создать такой блог можно, условно говоря, в два клика, с помощью конструктора блогов WIX, основной задачей которого до недавнего времени было создание сайтов любой сложности.

Как создать качественный блог самому

Рассмотрим, как создать блог на платформе WIX самостоятельно. Цель описания которое ниже, заочно познакомить вас с конструктором. Пробегитесь по описанию и вам станет многое понятно, и вы уже примерно будете знать через что вам предстоит пройти, чтобы создать свой блог на WIX.

Регистрация и начало создания блога

Проходим по ссылке ru.wix.com/start/sozdat-blog и нажимаем на кнопку «Создать сейчас».

Проходим процедуру регистрации аккаунта на WIX. Для этого дважды вводим адрес электронный почты и пароль. Для входа также можно воспользоваться аккаунтом на Facebook или Google.

Выбор и создание шаблона

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

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

Редактирование шаблона

Редактор можно запустить как со страницы шаблонов, так и со страницы просмотра. Вот так он выглядит.

С помощью редактора можно изменить фон. В качестве фона доступны стандартные шаблоны, однотонные варианты, а также фото с компьютера, из соцсетей, от Wix или Bigstock. Также есть возможность добавить фоновое видео с компьютера или от Wix. Фон можно изменить как на главной, так и на других страницах.

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

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

Дополнительный функционал для блога

Следующая кнопка ниже кнопки со знаком плюс открывает доступ в Wix App Market. Здесь представлены приложения, которые могут сделать блог более функциональным и эффективным.

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

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

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

Наполнение блога

Добавление страниц и управление ими можно также производить с помощью вкладки «Страницы» в верхнем левом углу. При нажатии на эту вкладку дополнительно становится доступной функция поиска страниц. Нажатие на кружок с точками открывает меню управления страницами.

Вкладка «Сайт» открывает такие функции, как подключение доменов, переход на версию «Премиум», просмотр истории, выход из редактора и другие.

Вкладка «Инструменты» открывает доступ к нескольким функциям. Опции «Инструменты», «Выравнивание элементов» и «Линейки» позволяют располагать и выравнивать элементы на странице. Опция «Границы сайта» дает возможность создать блог в рамках вспомогательных линий, благодаря чему он будет хорошо смотреться на экранах мобильных устройств.

Нажатие на вкладку «Помощь» открывает доступ к инструкциям по созданию и запуску блога.

Расширенные возможности

Нажатие на вкладку «Подключить премиум» позволяет перейти на версию, открывающую для создателя блога целый ряд преимуществ, таких как бесплатный хостинг, подключение домена, от 500 Мб для хранения данных, премиум-поддержка и многое другое. На выбор доступны 4 тарифных плана.

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

Чуть ниже пиктограмм доступна панель соцсетей, функции управления горизонтальным меню блога, а также изменения фона, макета и размера полоски, на которой оно располагается.

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

Публикация блога

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

После публикации будет доступна ссылка на блог.

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