Как настроить дизайн страницы загрузки

Когда гости сканируют ваш QR-код, первое, что они видят, — это ваша страница загрузки. С функцией Fotify «Дизайн страницы загрузки» вы можете настроить её внешний вид под стиль вашего мероприятия: выбрать готовые шаблоны, настроить цвета и шрифты, выбрать макет страницы и форму фото, а также персонализировать текст, который гости видят на протяжении всего процесса загрузки.

Эта функция доступна на всех тарифах, включая бесплатный (Free) тариф.

Шаг 1: Откройте конструктор страницы загрузки

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

Сюда также можно попасть из окна QR-кода: карточка Что видят гости показывает небольшой предпросмотр вашей страницы загрузки и кнопку Оформить страницу гостей (или Изменить дизайн, если вы уже выбрали стиль).

Быстрый старт: Выберите стиль при создании мероприятия

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

Коснитесь нужного стиля и нажмите Применить стиль — он сразу вступит в силу
Нажмите Больше стилей и цветов, чтобы открыть полный конструктор, описанный ниже
Нажмите Пока пропустить, чтобы оставить страницу по умолчанию — оформить её можно в любой момент

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

Шаг 2: Выберите шаблон

Галерея шаблонов предлагает набор заранее оформленных стилей страницы загрузки, сгруппированных по категориям:

Все — Просмотр всех доступных шаблонов
Свадьба — Элегантные и романтичные дизайны
Вечеринка — Весёлые и яркие стили
Корпоратив — Аккуратные и профессиональные макеты
Элегантность — Изысканные и утончённые дизайны
Минимализм — Простые стили без лишних отвлекающих элементов
Веселье — Игривые и красочные варианты

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

Выберите стиль

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

Современный - чистый шрифт без засечек и скруглённые карточки
Журнальный - журнальный шрифт с засечками, прямые углы и отсутствие карточки вокруг содержимого
Polaroid - рукописный заголовок, фото мероприятия в виде моментального снимка и фон в точку
Плёнка - выразительный шрифт, фото мероприятия во всю ширину вверху (если оно у мероприятия есть) и фон в клетку
Нежный - лёгкий шрифт с засечками, кнопки-«таблетки», фото мероприятия в форме арки и узор из волн
Смелый - массивный шрифт, толстые контуры и жёсткие тени, на фоне конфетти

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

Шаг 3: Настройте цвета

После выбора шаблона вы можете точно настроить шесть параметров цвета:

Параметр цвета	За что отвечает
Фон	Основной цвет фона страницы
Поверхность	Фон карточек и областей контента
Текст	Основной цвет текста и заголовков
Акцент	Акцентные элементы и декоративные выделения
Кнопка	Цвет заливки кнопки загрузки
Текст кнопки	Цвет текста на кнопках

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

Шаг 4: Настройте типографику

Выберите шрифты, которые соответствуют характеру вашего мероприятия:

Шрифт заголовка — Используется для названия мероприятия и заголовков разделов
Основной шрифт — Используется для описаний, подписей и инструкций

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

Шаг 5: Настройте параметры макета

Точно настройте структуру и стиль страницы:

Макет страницы

Выберите общую структуру страницы загрузки:

Классическая карточка — Центрированная карточка с фото мероприятия в рамке (вариант по умолчанию)
Крупное фото — Фото мероприятия заполняет верх страницы от края до края, а название мероприятия накладывается поверх него
Минимализм (без карточки) — Убирает рамку карточки, чтобы контент располагался прямо на фоне

Для макета «Крупное фото» нужно фото мероприятия — если у вашего мероприятия его нет, страница автоматически переключается на классический макет.

Форма фото

Для макетов «Классическая карточка» и «Минимализм (без карточки)» выберите, как будет обрамлено фото мероприятия:

Скруглённая — Прямоугольник со скруглёнными углами (вариант по умолчанию)
Арка — Форма арочного окна, популярная для свадеб
Круг — Круглая рамка
Полароид — Белая рамка моментального фото с лёгким наклоном

Эта настройка не применяется к макету «Крупное фото», где фото показывается на всю ширину.

Стиль заголовка

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

По умолчанию — Стандартная шапка с названием мероприятия
Герой — Большая, выразительная область заголовка
Минимализм — Компактная, ненавязчивая шапка
По центру — Всё по центру для сбалансированного вида

Стиль кнопки

Выберите форму интерактивных кнопок:

Скруглённый — Слегка скруглённые углы
Капсула — Полностью скруглённые края
Квадрат — Чёткие углы для современного вида

Зона загрузки

Управляйте тем, как выглядит зона для перетаскивания фото:

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

Фоновый узор

Добавьте лёгкую текстуру на фон страницы:

Нет — Однотонный фон
Точки — Наложение с точечным узором
Сетка — Узор в виде сетки
Диагональ — Узор с диагональными полосами
Волны — Мягкий волнистый узор
Конфетти — Рассыпанные точки в цвете акцента, отлично подходит для вечеринок

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

Фото мероприятия

Выберите, как фотография мероприятия отображается в верхней части страницы загрузки:

Обрезать по размеру — Фотография заполняет всю область и обрезается под её размер (вариант по умолчанию).
Показать фото целиком — Вся фотография показывается без обрезки; свободное пространство вокруг неё заполняется фоном страницы.
Целиком с размытым фоном — Вся фотография показывается поверх слегка размытой копии самой себя, поэтому ничего не обрезается и нет пустых краёв.

Эта настройка влияет только на мероприятия, для которых задано фото мероприятия.

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

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

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

Форматы: JPEG, PNG, HEIC/HEIF, AVIF или WebP
Размер: подойдёт любая форма. Fotify уменьшает фото до 1920 пикселей по длинной стороне, поэтому фото не меньше этого размера выглядит чётко на любом экране
Обрезка: инструмента обрезки нет. При варианте Обрезать по размеру края фото, форма которого не совпадает с рамкой, обрезаются, поэтому если лица находятся у краёв, выберите выше Показать фото целиком или Целиком с размытым фоном

Шаг 6: Настройте текст и сообщения

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

Пользовательское описание страницы

Это текст, который отображается под названием мероприятия на странице загрузки. По умолчанию гости видят "Поделитесь своим фото с сообщением!" — но вы можете заменить его своим текстом (до 200 символов).

Используйте это, чтобы:

Объяснить, для чего нужны фотографии (например, "Загрузите ваши лучшие моменты с сегодняшнего гала-вечера!")
Добавить контекст или инструкции для гостей
Вставить URL — любая ссылка, которую вы введёте, автоматически преобразуется в кликабельную ссылку на странице

Пользовательский заголовок после успешной загрузки

Это заголовок, который гости видят после успешной загрузки фотографий. По умолчанию там написано "Спасибо, что поделились!" — но вы можете указать свой заголовок (до 100 символов).

Используйте это, чтобы:

Подстроиться под тон вашего мероприятия (например, "Вы великолепны!" или "Фото получено!")
Добавить личный штрих на экран подтверждения

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

Это более длинное сообщение, которое показывается под заголовком на экране подтверждения. Вы можете написать до 500 символов, чтобы:

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

Показать количество загруженных файлов: введите {{COUNT}} в любом месте сообщения, и оно будет заменено на количество файлов, которые этот гость только что загрузил. Например, Спасибо, что добавили {{COUNT}} фото! покажет гостю, загрузившему три файла: «Спасибо, что добавили 3 фото!».

Ссылка на вашу галерею: введите {{GALLERY_LINK}}, и это станет кликабельной ссылкой на ваш публичный альбом прямо внутри предложения. Например: Спасибо, что добавили {{COUNT}} фото! {{GALLERY_LINK}}.

Если у мероприятия нет публичного альбома или вы отключили «Показать ссылку на альбом на экране загрузки», {{GALLERY_LINK}} просто пропускается, а не показывается в виде неработающей ссылки, — поэтому формулируйте фразу так, чтобы она оставалась корректной и без него.

{{COUNT}} и {{GALLERY_LINK}} — единственные плейсхолдеры, которые понимает это поле; любой другой текст в фигурных скобках показывается гостям точно так, как вы его ввели. Ваш текст используется без изменений, поэтому сформулируйте его так, чтобы он оставался корректным и при загрузке всего одного файла.

Оставьте любое из этих полей пустым, чтобы использовать текст по умолчанию.

Сюрприз-благодарность: ваши лица разлетаются по экрану

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

Чтобы настроить его в настройках дизайна страницы загрузки:

В разделе Сюрприз-благодарность нажмите Добавить лицо и выберите фото лица крупным планом
Перетащите круг и измените его размер так, чтобы лицо заполнило его целиком, затем нажмите Использовать это лицо
При желании добавьте второе лицо — например, по одному для каждого из молодожёнов
Можно также добавить короткую Подпись под лицами (до 60 символов), например «С любовью, Аня и Лёва»
Сюрприз включается сам, как только вы добавите первое лицо; переключателем рядом с пунктом Сюрприз-благодарность его можно выключить и снова включить
Нажмите Запустить предпросмотр, чтобы посмотреть результат. Изменения сохраняются автоматически по ходу работы

Что увидят гости:

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

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

Качество загрузки для гостей

В разделе Качество загрузки вы управляете тем, какие варианты качества фото смогут выбирать гости при загрузке:

Гости выбирают (оба варианта) — Гости видят переключатель с вариантами «Оптимизировано» и «Full HD» (поведение по умолчанию). В поле Вариант по умолчанию вы также выбираете, какой из них будет выбран для гостей заранее; если вы ничего не меняете, на платных событиях заранее выбран Full HD.
Только оптимизированное — Переключатель скрыт, и каждое фото загружается в оптимизированном качестве.
Только Full HD — Переключатель скрыт, и каждое фото загружается в Full HD, поэтому вы гарантированно получите все фотографии в максимальном качестве.

Примечание: Загрузка в Full HD доступна только для платных событий. На событиях с бесплатным тарифом (Free) гости всегда загружают фото в оптимизированном качестве, независимо от этой настройки.

Сравнение двух режимов качества см. в статье «Оптимизированное качество и Full HD».

Пароль для загрузки

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

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

Показывать фотографии на экране загрузки

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

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

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

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

Шаг 7: Сохранение и предпросмотр

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

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

Часто задаваемые вопросы

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

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

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

В: Могут ли разные события иметь разный дизайн? О: Да, у каждого события свой независимый дизайн страницы загрузки. Свадьба и корпоративное мероприятие могут выглядеть совершенно по-разному.

В: Будет ли дизайн хорошо смотреться на всех телефонах? О: Да. Страница загрузки полностью адаптивна и подстраивается под любой размер экрана. Шаблоны разработаны так, чтобы отлично выглядеть и на мобильных устройствах, и на компьютерах.

В: Могу ли я использовать собственные шрифты? О: Варианты шрифтов выбираются из тщательно подобранного списка Google Fonts. Загрузка собственных шрифтов сейчас не поддерживается.

В: Могу ли я добавлять ссылки в описание страницы? О: Да. Любые URL-адреса, которые вы введёте в поле Custom Page Description, автоматически преобразуются в кликабельные ссылки, когда гости просматривают страницу загрузки.

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

В: Будут ли гости видеть анимацию с лицами при каждой загрузке? О: Нет. Анимация проигрывается на каждом телефоне только один раз — после первой загрузки гостя. При следующих загрузках на карточке благодарности просто показываются ваши лица и подпись.

В: Могу ли я настроить заголовок успешной загрузки отдельно от сообщения? О: Да. Custom Success Title и Custom Success Message — это независимые поля. Вы можете настроить одно, оба или ни одно — каждое из них при пустом значении будет использовать свой текст по умолчанию.

В: В чём разница между макетами страницы? О: «Классическая карточка» — это оригинальная центрированная карточка. «Крупное фото» показывает фото мероприятия на всю ширину вверху страницы с названием поверх него. «Минимализм» полностью убирает рамку карточки. Для макета «Крупное фото» нужно фото мероприятия — без него страница использует классический макет.

В: Как убедиться, что гости загружают фото в лучшем качестве? О: В разделе Upload Quality установите доступные варианты как Только Full HD. Переключатель качества исчезает для гостей, и каждое фото загружается в оригинальном разрешении. Для этого требуется платное событие — на бесплатном тарифе загрузка всегда происходит в качестве «Оптимизировано».

В: Как сделать так, чтобы фото мероприятия не обрезалось на странице загрузки? О: В разделе Layout измените настройку Фото мероприятия с «Обрезать по размеру» (вариант по умолчанию) на «Показать фото целиком» — при этом вся фотография показывается с фоном страницы вокруг неё — или на «Целиком с размытым фоном», когда фотография целиком показывается поверх своей размытой копии, поэтому пустых краёв нет.

В: Где находится опция «Показать ссылку на альбом на экране загрузки»? О: Она находится в нижней части настроек «Дизайн страницы загрузки», а также в разделе Public album карточки Photo Statistics (под названием «Показывать фото на экране загрузки»). Любая из этих опций включает живой предпросмотр недавних фотографий на странице загрузки. Сначала убедитесь, что вы включили общий доступ к публичному альбому.

В: Может ли сообщение об успешной загрузке показывать, сколько фото загрузил гость? О: Да. Добавьте {{COUNT}} в пользовательское сообщение об успешной загрузке, и оно будет заменено на количество файлов, которые этот гость только что загрузил.

В: Могу ли я добавить ссылку на галерею в своё собственное сообщение об успешной загрузке? О: Да. Вставьте {{GALLERY_LINK}} туда, где должна появиться ссылка, и это станет кликабельной ссылкой на ваш публичный альбом. Она автоматически пропускается, если ссылка на альбом отключена или у мероприятия нет публичного альбома, — поэтому формулируйте фразу так, чтобы она оставалась понятной и без неё.