Если вы используете Shopify для своего сайта электронной коммерции, вам может быть интересно, как создать пользовательскую контактную форму. В конце концов, стандартная контактная форма, поставляемая с Shopify, является довольно простой и не позволяет многое настраивать.
К счастью, существует несколько способов создания пользовательской контактной формы в Shopify. В этой статье мы покажем вам, как это сделать с помощью встроенного конструктора форм Shopify и приложения Custom Form Builder.
Вариант 1: Использование встроенного конструктора форм Shopify.
Первый вариант — использовать встроенный Shopify Form Builder. Это отличный вариант, если вы хотите сохранить простоту и не нуждаетесь в большом количестве вариантов настройки. Чтобы воспользоваться конструктором форм, просто перейдите в Shopify Admin > Online Store > Themes > Edit code.
Затем нажмите на ссылку Добавить новый актив в нижней части папки Активы и выберите Создать пустой файл. Назовите файл contact.liquid и нажмите кнопку Создать актив.
Затем скопируйте и вставьте следующий код в файл contact.liquid:
ПРО СОВЕТ: Внимание: Следующая статья содержит инструкции по созданию пользовательской контактной формы в Shopify. Пожалуйста, имейте в виду, что этот процесс предназначен только для опытных пользователей. Если вы не умеете работать с кодом, мы рекомендуем обратиться к эксперту Shopify.
{{ form | contact_form }}
Сохраните изменения, и все готово! Встроенный Shopify Form Builder теперь будет использоваться для вашей контактной формы.
Вариант 2: Используйте приложение для построения пользовательских форм.
Если вам нужно больше возможностей для настройки контактной формы, вы можете использовать приложение Custom Form Builder. Это приложение позволяет добавлять пользовательские поля в контактную форму, а также изменять ее макет и дизайн.
Чтобы использовать это приложение, просто установите его из Shopify App Store. После его установки перейдите в Shopify Admin > Apps > Custom Form Builder. Отсюда вы можете создать свою пользовательскую контактную форму.
Как только вы закончите создание формы, перейдите на вкладку Embed Code и скопируйте код. Затем перейдите в Shopify Admin > Online Store > Themes > Edit code. Нажмите на ссылку «Добавить новый актив» в нижней части папки Assets и выберите «Создать пустой файл».
Назовите файл «contact.liquid», вставьте код из Custom Form Builder и нажмите «Создать актив».
. Сохраните изменения, и все готово! Теперь ваша пользовательская контактная форма будет работать на вашем сайте.
В заключение можно сказать, что существует два способа создания пользовательской контактной формы в Shopify — с помощью встроенного Shopify Form Builder или с помощью приложения Custom Form Builder. Оба варианта просты в использовании и допускают различные уровни настройки.