База знаний
по возможностям платформы

Как получить ссылку на изображение в редакторе LPgenerator?

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

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

Пример настроек общего доступа для GoogleDisk и Dropbox читайте ниже.

Для начала картинка должна быть загружена в медиагалерею редактора LPgenerator, либо в любое другое облачное хранилище.

Как загрузить изображение в галерею LPgenerator?

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

Изображение

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

галерея

Внимание: не рекомендуется загружать файлы размером более 1 МБ.

Когда в поле появится путь файла, нажмите кнопку «Загрузить»:

Изображение

3. После этого на странице появиться загруженное изображение. Вы можете его удалить.

Изображение

4. Загруженное изображение появиться также и в галерее в разделе «Мои картинки»:

Мои картинки

5. Теперь оно имеет ссылку в сети (его уникальный адрес, URL).Чтобы скопировать ссылку, кликните по значку «Лупа»:

лупа

6. После чего правой кнопкой мыши щелкните по открывшемуся изображению и в контекстном меню нажмите «Копировать URL картинки»:

Копировать URL картинки

Для работы с редактором LPgenerator мы настоятельно рекомендуем использовать браузер Google Chrome.

Если вы пользуетесь браузером Mozilla Firefox, то контекстное меню выглядит так, как показано на скриншоте ниже. Нужно нажать «Копировать ссылку на изображение»:

Mozilla Firefox

Пример контекстного меню для Яндекс. Браузера:

Яндекс.Браузер

7. После этого ссылка сохранится в буфере.

Вставить ссылку можно стандартным сочетанием клавиш Ctrl+V или щелчком правой кнопкой мыши → Вставить.

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

ссылка на изображение

Как открыть доступ к изображению в GoogleDisk?

1. Поставьте галочку возле нужного файла и нажмите на значок «Сделать общими»:

GoogleDisk

2. Далее в разделе «Уровни доступа» напротив поля «Личный доступ» нажмите «Изменить»:

GoogleDisk

3. В открывшемся окне отметьте уровень доступа «Всем в Интернете» и сохраните настройки.

GoogleDisk

4. Далее вы увидите, что уровень доступа изменился. Ссылка в верхнем поле «Совместный доступ» теперь доступна всем, входа в GoogleDisk не требуется. Это и есть ссылка на изображение.

GoogleDisk

Как открыть доступ к изображению в DropBox?

1. Войдите в аккаунт DropBox.

2. Перейдите в вашем компьютере в папку «DropBox» и правой кнопкой мыши кликните по нужной картинке. В контекстном меню нажмите «Поделиться ссылкой»:

DropBox

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

Попробуйте вставить ее в адресную строку браузера, картинка откроется в окне «DropBox», что не совсем корректно:

DropBox

4. Чтобы картинка открылась отдельно, в конце ссылки нужно дописать следующую строку:

/?dl=1

Пример ссылки с дописанной строкой:

DropBox

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

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 3 из 3
Еще есть вопросы? Отправить запрос

Комментарии

  • Avatar
    Пользователь aokha.aj

    Ответ из саппорта Алены Балакиной на вопрос как создать статичный фон:
    "Здравствуйте! Для статичного фона, который заполняет 100% экрана используйте скрипт. Положение скрипта внутри тега <HEAD>: <style> body { background: url(ССЫЛКА НА ИЗОБРАЖЕНИЕ) no-repeat; background-attachment:fixed; background-size: 100%; } </style>"
    Уважаемые друзья, можно ли сделать сервис проще, чтобы в нем мог разобраться новичок, который не понимает скриптов? Вставляю ссылку на изображение (куда вставлять? в скобочки? или убрать скобочки и вставить после "url"? или "url" убрать и скобочки и вставить вместо этого ссылку?) по описанному способу, ничего не выходит. Вообще нулевой результат.
    Друзья, если бы я активно шарил в скриптах и html-ях, вероятно пошел бы и создал свой сайт бесплатно. Есть статистика по ушедшим из-за таких заморочек с сервиса людям?
    Ну, или хотя бы, пускай техподдержка отправляет письма не с noreply, чтобы тут все это не писать!

  • Avatar
    Алена Балакина

    Здравствуйте!

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

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

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

    Все контакты технической поддержки указаны в разделе "Контакты и поддержка": http://lpgenerator.ru/contact-us/
    Связаться можно также через он-лайн помощник и по почте (в этих случаях Вы будете видеть и отправителя и тему письма) и задать любые вопросы, в том числе мы помогаем исправить ошибки в скриптах или реализовать нестандартные задачи.

    Надеюсь, мы смогли ответить на все Ваши вопросы здесь и в обращении, которое Вы также направили нам по почте.

  • Avatar
    Владимир Козлов

    Доброго времени суток! Можно ли создать подсвечивание картинки (иконки)? Если да, то как? :)

  • Avatar
    Максим Гуйван

    Здравствуйте, Владимир!

    Для кнопок доступна функция фона кнопки — так вы сможете задать два разных изображения для состояний "Активный" и "наведённый", это выполняется в правой части редактора страницы, ориентируйтесь на скриншот:
    http://joxi.ru/8EW6UxjKTJC8NT-6BMw

    Ещё один вариант: использовать функцию увеличения при наведении на изображение, например, задать как "увеличенное" изображение нужную вам иконку или изменённую картинку.
    Подробнее эта функция описана в материале по ссылке:
    http://lpgenerator.ru/blog/2014/03/19/obnovlenie-redaktora-lpgenerator-uvelichenie-izobrazheniya/

  • Avatar
    Татьяна

    хочу сделать кнопку "заказать" из готовых предложенных вариантов. Скажите как это сделать? чтобы на ней было слово "заказать"

  • Avatar
    Максим Гуйван

    Здравствуйте, Татьяна!

    Чтобы создать кнопку со ссылкой, выберите на панели инструментов редактора инструмент "Кнопка", затем введите желаемый адрес(ссылку) и надпись для кнопки, например, "Заказать". После этого нажмите кнопку "Сохранить".

    Ориентируйтесь на скриншот-подсказку:
    http://joxi.ru/D4vBU4wyTJA8EwJpN8U

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

    Если возникнут затруднения - обращайтесь в нашу службу поддержки, support@lpgenerator.ru

На базе технологии Zendesk