The Widget “Editor” is very similar to the OSM messages “Builder”, so if you are familiar with the latter you will have no difficulty using it. The idea of the “Widget” tool is to usethe existing template with minimum editing and activate the campaign quickly and easily.
IMPORTANT: all the “widget templates” are responsive, it means that you do not need to edit the templates in the “widget” tool separately for Mobile and Desktop (sometimes images are not available on the Mobile version however, due to the reduced space).
If there is anything that still needs to be edited then you should know that all the widget form templates have the following settings in common. These settings are the first to appear on the screen when you open the “Editor”:
- Widget position - the choice of the position of the form when shown on the website both on Desktop and Mobile;
- Border Radius - the borders of the form can be “not rounded”, “slightly rounded”, “medium rounded” and “large rounded”;
- Background color – the color of the form;
- Close button – can be "enabled" or "disabled";
- Close button color – the color of the close button;
- Show Widget for X seconds – here you set the time the widget will be displayed on the website;
“0” means that, the Widget will not disappear by itself; - Animation type – here you set the way the widget appear on the screen: “fade”, “zoom”, “slide” or “bounce”.
Every Widget form template has different structure, so, the settings you will see in the editor for any Widget form in particular depend on the elements inside this widget form. These elements can be edited but extra elements cannot be added in the template.
The following element settings will be available for editing in the templates:
Text settings- typical Text settings:
- Title
- Title color
- Description
- Description color
Button settings- the typical Button settings:
- Button text
- Text color
- Button background color
- Border Radius
- Border Color
- Action – here you set the action to be done when the website visitor clicks on the button in the widget
The following options are available:
- Open URL - here you insert the link to the redirected page. If you choose this option then you need to add URL in the next line and set as well whether to open it in the current or new tab:
- Close form – when enabled, the form will be closed once the client clicks on it, i will not redirect the visitor to another page.
- Submit and close - when enabled will allot the client to submit the required information and then close the widget
Link settings - similar to Button settings:
- Link text
- Text color
- Action – here you set the action to be done when the website visitor clicks on the button in the widget
The following options are available:
- Open URL - here you insert the link to the redirected page. If you choose this option then you need to add URL in the next line and set as well whether to open it in the current or new tab:
- Close form – when enabled, the form will be closed once the client clicks on it, i will not redirect the visitor to another page.
Image- here you can load the image to the widget
- Upload image or Add the link
- Border Radius
Text field design - here your text is represented in a separate field
- Text
- Text color
- Border Radius - the borders of the field can be “not rounded”, “slightly rounded”, “medium rounded” and “100% rounded”
- Border Color - the color of the borders of the field
Video - here you can load the youtube link for the video
Social buttons design - here you can add your social media accounts and distinguish the border of the Social Media icon in the template, if you do not have one particular social media account, simply delete the link in the settings:
- Border Radius
- Youtube
Form settings – the “form” unites several elements in the template together and create ONE element, example:
- Border Radius – border shape of the input and Text area
- Border Color - border colour of the Input and Text area
- Input placeholder – the text of the Input
- Text area placeholder – the text of the Text area
- Button text- the text of the button
- Text color – colour of the text of the button
- Button background color
- Action – here you set the action to be done when the website visitor clicks on the button in the widget
The following options are available:
- Open URL - here you insert the link to the redirected page. If you choose this option then you need to add URL in the next line and set as well whether to open it in the current or new tab:
- Close form – when enabled, the form will be closed once the client clicks on it, i will not redirect the visitor to another page.
- Submit and close - when enabled will allot the client to submit the required information and then close the widget
There will be much more templates available shortly, we will keep updating them regularly.
Now when you are done with editing the widget form please proceed to the “Display settings” to activate the campaign.