First, give your widget a name. It will be named ”Widget #” by default.
Then, choose what fields you want to show on your contact form by clicking on the checkbox to the left of each option. For example, you can request that your visitors provide their name, phone number, e-mail address, and write a message. You can rearrange the order of the fields using the dots to the left.
Note: you can change the placeholders for each of the fields, for example you can put an example email address in the relevant email field, instead of ”Enter email” as if by default.
You can also choose whether the fields are compulsory or mandatory from the ”Required” checkbox option to the right of the field.
You can also add a dropdown menu with pre-set topics that your visitors can choose the topic of their message from. The options of the dropdown menu are totally up to you, for example ”general inquiries”, ”complaints”, etc.
You can also enable a consent checkbox, for example ”I agree to the terms and conditions”.
If you want extra fields in your contact form, you can add your own custom fields from the ”New Custom Field” button.
You can choose among several options such as text (a new field with an open option of your choice), a custom text area field (for a custom message), a custom number field, date field, website from.
Move on to customize your ”Submit button” appearance in terms of colour and text. You can also choose whether or not to redirect visitors after submission and if yes, to add a redirect link. You can also add a custom message to be displayed after submission, such as ”Your message was sent successfully”.
It’s time to configure your contact form tab settings from the ”Contact Tab Settings” menu. You can choose whether to display the contact form on desktop or mobile devices, or both, whether the contact form supports LRT or RTL writing systems and customize it in terms of colours and text in tab.
By default your contact form leads will be automatically sent to the Customers tab in your Shopify admin panel, with a ”Sticky Floating Contact Form” tag so you can easily find them. You can however opt to send your contact form leads to your e-mail as well by checking the ”Send leads to your email” checkbox. You can add one or more emails to which you want to receive your leads, just make sure you separate the email addresses with a comma. Sometimes the leads can be in your Spam or Promotions folder, so make sure you check these as well and create a rule so that they go to your main Inbox. You can also change the email subject line from the respective field.
Let’s move on to the ”General Settings”. It’s time to select your contact form tab appearance. You can choose from our contact form templates – ”default”, ”rounded” or ”sharp”.
You can set different widget positions for desktop and mobile devices from ”left”, ”right”, ”bottom” or ”top”. If you are a Pro user, you can select a custom Y position for your widget.
Note: if you select the ”bottom” position, you can also choose whether it will be centered or positioned to the left or right of the bottom screen.
Then choose whether you want the contact form tab to open when hovered on or when clicked on. You can also choose to have the form pop up automatically on page load by toggling the ”Open the form automatically” button. For this option, please note that if your visitors close the form or fill it in, it will
not automatically open on the next page: they will have to click to open it if they want to fill it in. You can read more details about this feature here:
https://premio.io/help/sticky-form-for-shopify/how-to-make-your-sticky-forms-contact-form-pop-up-automatically/
You can also choose whether or not to have a minimise button tab.
Note: if the minimise button tab is active, you can customize it in terms of colour and also choose whether your contact form tab will be minimised on page load or not. For example, if this option is checked, to open the contact form your visitors will need to click on the minimise tab button.
You can also choose whether you cant to track clicks using Google Analytics. We’ll cover this topic in a separate guide.
You can then select the widget font, widget size for mobile and desktop devices (small, medium or large), if you want an ”entry effect” (it can be ”none”, ”fade” and ”slide in”) and add custom targeting to show the widgets on specific pages, on specific days and in specific hours, as well as to visitors of which country (or countries) the widget will be visible for.
Finally, toggle the Active button under ”Launch Sticky Floating Contact form” and hit ”Publish”. That’s it! The final result may look something like this, depending on your custom settings: