• С помощью чего редактируется сайт?

    Сайт модифицируется онлайн с помощью простого WYSIWYG-редактора. Цель такого редактора — отображать текст в точности так же, как он будет выглядеть на странице сайта. Это облегчает задачу — не нужно обладать специальными знаниями, можно работать с сайтом и тут же видеть результат.

    Чтобы начать работу, войдите в настройки нужного сайта в контрольной панели и нажмите на кнопку «Редактировать». На открывшейся странице справа вы увидите все возможные блоки.

    Меню «Избранные» представляет собой виджеты, разделенные по категориям. При выборе определенной группы вы можете просмотреть ряд вариантов из этой подборки. Например, в группе «Заголовки с пояснением вверху», представлены все виджеты, попадающие под это определение.

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

    Чтобы расширить функции редактирования, переключитесь в «Расширенный режим».

  • Как управлять виджетами?

    Выберите необходимый вам блок на панели справа и переместите его в пустую область на странице. Порядок блоков можно регулировать и располагать их по вашему усмотрению. При нажатии на блок вам станет доступна панель управления (в левом верхнем углу), с помощью которой вы можете перемещать и удалять блоки, а также редактировать фон блока. В «Расширенном режиме» появляется возможность дублировать блоки, работать с HTML и редактировать анимацию при появлении.

  • Как изменять текст виджетов?

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

  • Можно ли вернуть удаленный по ошибке текст или картинку?

    Такая возможность доступна при нажатии клавиш Ctrl+Z.

  • Можно ли поменять фон и цвет?

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

    Изменить фон всего блока можно в панели управления в левом верхнем углу блока. Нажмите на «Редактировать фон блока» и выберите фоновый цвет, настройте наложение цвета или выберите картинку.

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

  • Как добавить свою карту?

    Выберите подходящий виджет в выпадающем списке вверху в разделе «Карта» и переместите его в нужное место на странице. Наведите курсор на карту и нажмите «Редактировать». В открывшемся окне выберите вкладку Google Карты или Яндекс.Карты, введите в строку нужный адрес и нажмите «Сохранить».

    Вы также можете указать ссылку самостоятельно. На странице maps.google.ru найдите нужный адрес. Выберите «Поделиться / Embed map» в списке меню слева, перейдите во вкладку «Код», скопируйте код, начинающийся с «<iframe...», и вставьте его в окно редактора, нажав «Указать URL карты».

    Или найдите адрес на странице maps.yandex.ru, затем нажмите кнопку «Поделиться», скопируйте появившуюся ссылку (например: «https://yandex.ru/maps/-/CBa6Y8Va~D») и добавьте ее в окно редактора, кликнув на «Указать URL карты».

  • Как добавить картинку?

    1. В правой панели с виджетами, в выпадающем списке вверху, найдите категорию «Изображения», выберите виджет и переместите его в нужное место на странице.

    2. Наведите курсор на изображение, выберите из расположенных посередине кнопок: загрузить изображение с компьютера или выбрать снимок из галереи изображений.

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

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

    5. При выборе кнопки «Настройки изображения» в разделе «Размер и форма» вы можете изменить размер картинки и ее форму, соответственно. А в разделе «Изображение» можно:

    а) добавить текст, который будет отображаться при наведении курсора на фото, в строку «Подсказка»;

    б) добавить HTTP-адрес в строку «Ссылка», к которому будет осуществляться переход при нажатии на изображение;

    в) выбрать увеличение изображения, поставив галочку «Показывать увеличенное изображение по клику».

  • Можно ли открывать фотографии в увеличенном размере?

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

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

  • Как настроить для фотографий просмотр с прокруткой?

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

  • Можно ли изменить размер или форму картинки?

    Если вы хотите поменять заданные параметры фото в выбранном блоке:

    1. Наведите курсор на картинку и выберите кнопку «Настройки изображения».

    2. Перейдите во вкладку «Размер и форма», выберите необходимые параметры и нажмите «Заменить».

    3. Наведите курсор на изображение, выберите соответствующую кнопку, чтобы добавить фото.

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

  • Как добавить свое видео?

    1. В списке сниппетов справа страницы найдите категорию «Видео», выберите подходящий сниппет и переместите его на страницу.

    2. Наведите курсор на видео и нажмите «Редактировать». Появится окно со строкой, в которой указан пример URL.

    3. На сайте Youtube или Vimeo найдите необходимый ролик, скопируйте его URL из адресной строки браузера.

    4. В окне редактора URL удалите пример адреса и вставьте на его место адрес нужного ролика.

  • Как добавить ссылки на соцсети?

    1. В списке меню «Избранные» справа страницы найдите категорию «Ссылки на соцсети», выберите подходящий виджет и переместите его на страницу.

    2. Нажмите два раза на кнопку соцсети и в появившейся сверху панели выберите «Ссылку».

    3. В открывшейся форме выберите «Обычную ссылку», в строку «URL» введите HTTP-адрес и нажмите «Сохранить».

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

  • Можно ли восстановить информацию, если не нажали «Сохранить» и закрыли редактор?

    Нет, информация в этом случае не восстановится. Если до этого сайт просуществовал какое-то время, составьте заявку в разделе «Техподдержка / Заявки» контрольной панели «Джино» с просьбой восстановить данные.

  • Как сделать ссылку на определенное место на странице?

    Для этого вам нужно создать якорь. Якорь — закладка с уникальным именем (id) на определенном месте веб-страницы, предназначенная для создания перехода к ней по ссылке. Например, чтобы сделать переход с описания компании на контакты:

    1. Перейдите в «Расширенный режим» в левом нижнем углу страницы.
    2. Из меню справа страницы переместите в редактор блок, на который вы хотите сделать ссылку.
    3. Нажмите на блок, в панели его управления выберите «Редактировать HTML блока» и пропишите в теге div атрибут id, например: <div class="column full" id="contacts"> и нажмите «Сохранить».
    4. Из меню справа страницы переместите в редактор блок, с которого будет осуществляться переход.
    5. Нажмите на него, выделите текст для перехода и в панели инструментов сверху выберите «Ссылку».
    6. В открывшемся меню в первой строке «Обычная ссылка» укажите #contacts и нажмите «Сохранить».

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

  • Возможно ли принимать платежи на сайте, созданном на «Джино.Лендинге»?

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

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

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

  • Как сделать меню?

    1. В меню «Избранные» справа страницы найдите категорию «Заголовки» и переместите в редактор нужный виджет.

    2. Нажмите на него и удалите текст, находящийся в блоке.

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

    4. Из меню справа переместите блок, на который вы хотите сделать ссылку и проделайте шаги 2 и 3, как это указано здесь.

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

    6. В панели инструментов сверху выберите «Ссылку» и в открывшемся меню в первой строке «Обычная ссылка» укажите #link и нажмите «Сохранить».

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

  • Как поменять иконку?

    В списке меню справа страницы выберите подходящий виджет c иконками и переместите его на страницу. Нажмите два раза на иконку — опция «Выбор иконки» в появившейся сверху панели позволит выбрать нужный вариант и его размер. Опция «Выбор цвета» позволит изменить цвет иконки.

  • Для чего нужен «Расширенный режим»?

    В нижнем левом углу страницы располагается переключатель режимов: из «Простого» в «Расширенный». После перемещения переключателя рядом появится кнопка «HTML», нажав на которую, можно видеть исходный код всей страницы. Но работать с кодом удобнее через панель управления в левом верхнем углу виджета. Нажмите на «Редактировать HTML блока» и в открывшемся окне добавляйте нужный код. Если вы хотите установить сторонние виджеты, например, соцсетей, то исполняться они будут сразу на сайте, но не появятся в редакторе.

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

    Сверху посередине страницы появятся кнопки управления блоками-боксами. Вы можете поменять фон блока (добавив картинку из галереи или загрузив свою), а при нажатии на кнопку «Редактировать блок» в меню выбрать цвет фона, стиль, размер и положение содержимого (текста), а также эффекты для загруженной для фона фотографии.

  • Как поменять фон страницы?

    Для начала переключитесь в «Расширенный режим» в нижнем левом углу страницы. После перемещения переключателя сверху посередине страницы появятся кнопки управления. Нажмите на кнопку «Загрузить изображение», если хотите добавить фото с компьютера, или на кнопку «Галерея изображений», если хотите выбрать фото из коллекции. При нажатии на «Редактировать блок» откроется меню. Нажав на «Фон», вы можете изменить цвет фона всей страницы или настроить эффекты для загруженного фото (наложение цвета, эффект Кена Бернса), нажав на «Изображение».

  • Можно ли разделить страницу на секции с разным фоном?

    Эта функция доступна в «Расширенном режиме», на который можно переключиться в нижнем левом углу страницы. С помощью кнопки «Добавить секцию» в верхнем левом углу, вы можете создать несколько экранов/секций. Каждая секция может состоять от одного до трех блоков-боксов, куда вы можете добавить виджеты из меню «Избранные» справа страницы. Нажав на кнопку «Редактировать секцию», вы можете переместить секцию, выбрать ее высоту и установить иконку прокрутки. Чтобы изменить фон, воспользуйтесь этой инструкцией.

  • Как сделать кнопку «Позвонить»?

    1. В списке меню «Избранные» справа страницы найдите категорию «Кнопки», выберите подходящий виджет и переместите его на страницу.

    2. Нажмите два раза на кнопку, введите текст и выберите в панели сверху «Ссылку».

    3. В появившемся меню в строке «Обычная ссылка» удалите значок (#), введите tel:+1234567890 (для мобильной версии) или skype:+1234567890?call и нажмите «Сохранить».

  • Как добавить форму обратной связи?

    1. В списке меню «Избранные» справа страницы найдите подходящий виджет из категории «Кнопки» или блок, в текст которого будет добавлена ссылка. Переместите его на страницу.

    2. Кликните два раза на кнопку или выделите текст и выберите в панели сверху «Ссылку».

    3. В открывшемся окне «Редактирование ссылки» выберите «Форму обратной связи», введите ваш e-mail, введите названия полей и настройте их количество, добавьте заголовок формы. При необходимости добавьте приветственный текст, который будет отображаться над формой сообщения, или измените надпись на кнопке и нажмите «Сохранить».

  • Как добавить анимацию на страницу?

    Вы можете сделать анимированным любой блок. Для начала убедитесь, что находитесь в «Расширенном режиме» в левом нижнем углу страницы. Затем выберите в меню справа и переместите в редактор необходимый блок. Нажмите на него и в панели управления выберите «Редактировать анимацию при появлении». В появившемся меню появятся типы анимации, укажите нужный и нажмите кнопку «Сохранить».

Поделитесь собственным опытом
Пишите статьи и записывайте видеоролики о том, как пользоваться услугами «Джино»! Таким образом вы не только поможете другим пользователям, но и получите от 900  на свой счет в программе «Джино.Плюсы ».
Нашли ошибку в тексте? Выделите ее и нажмите Ctrl + Enter
+7 495 229-30-31 Москва
+7 812 407-17-11 Санкт-Петербург
+7 343 288-50-31 Екатеринбург
© «Джино», 2003–2020. «Джино» является зарегистрированным товарным знаком.
Лицензия на телематические услуги связи № 150549 от 09.03.2017.
Правовая информация Политика конфиденциальности Карта сайта