How to customize the webform display?
You can use InSend to show web forms to your visitors in different ways: automatically when the right conditions are met, manually by writing the code for a button on your website, or when the visitor clicks on a link.
Automatic display of webforms
The easiest way to display a web form is to set the conditions under which it should be shown to the visitor. Let us say we have already created a web form and now we want to set how it should be displayed. Go to the "Settings" step and in the first block, "By", set the switch to "Set filters" and specify the desired rules.
If no filter is set, the web form will be displayed to all visitors.
How does it work? As soon as the visitor comes to the website, InSend checks if he meets the filter condition. If the answer is yes, the widget is automatically displayed to the visitor.
If you have a website with multiple domains and you do not want to display the web form on all domains, check the corresponding boxes in the next block.
How to display sign up form on certain page?
If you want to display the web form only on specific pages, you need to choose the key page in the next block (Where).
To set up the key pages check out this article
By setting up key pages, you can launch web forms on pages of specific brands, product categories or individual products
Here you can also set when the web form should be displayed:
1. Specify a delay before the web form is displayed - then the web form will not appear immediately, but only after the visitor has spent a certain amount of time on the page.
2. Set the maximum number of impressions per person per day/month/all the time - if the web form has already been shown to the visitor a certain number of times, it will no longer be shown to him.
3. Check the "Show when leaving the page" checkbox - then the web form will be shown only when the visitor moves the mouse over the edge of the screen and wants to leave the page.
4. Set InSend to display the web forms only when the visitor scrolls down the page by a certain percentage - if the visitor does not scroll, the web form will not be displayed.
5. Restrict the web form display on computers or cell phones - for example, you can create different versions for desktop and mobile.
Bring up the webform manually (with the code)
If you want to call the web form manually - for example, when you click the "Order Call" button on your website or when you click on another InSend web form - you can easily do so. In the "To" section, set the radio button to "Call manually".
You will see this code:
Copy and paste it into the processor of the button you want on your website.
If you want to invoke a webform when you click another widget's button (for example, if you want to create a creative notification that a widget has been sent), the second webform's code should be written to the button processor of the first. Select the button in the Webform Editor, find Action on Click in the Properties panel, choose Run JavaScript, and paste the code of the second webform you copied earlier into that field.
For this structure to work, you should include both web forms. Don't worry, the data that the user enters in the fields of the web form will be transferred to InSend intact.
Call the webform link
This method is similar to the previous one, but is used for slightly different tasks - for example, if you need to show the web form to a visitor as soon as they enter the site or on a specific page. For example, you could post a link on your social networks that says "Subscribe to the newsletter", which will take visitors to your website and show them the web form right away. Or it can be used as a stripped down version of the landing page - place an ad somewhere with a link to your website, and when the person clicks on it, they will immediately see the webform with the same action.
To implement this, set the switch to "Call manually", as in the previous version, and create a link according to this principle:
<a href="http://site.com/?insend%5Bwidget%5D=show&insend%5Bproperties%5D%5Bid%5D=1140">http://site.com?insend[widget]=show&insend[properties][id]=1140</a>
The last digits in this entry are the web form ID from the code you see in the setup step.
This implementation uses the URL API.
Do not forget to enable the web form or it will not work.