Scroll

Welcome to our LiveChat! Please press "Start Chat" button to proceed

Start Chat

Widgets: More

1. Google Map
2. Google Map Pro
3. MailChimp
4. Disqus
5. Countdown Timer
6. Accordion
7. Tabs
8. Popup
9. Progress bar
10. Slideshare
11. PayPal Button
12. Iframe

13. Embed

Google Map

This widget allows you to use the "Google Map" application on your site’s pages.
Screenshot_1.png

Following features can be used for editing Google Map: "Address", "Zoom", "Height", "Spacing".

"Address" - represents your location address on the map. You can use town and country details within the mentioned field, so widget will automatically find required results. Valid example: https://www.google.com/maps/place/London,+UK

If you use invalid details - you will see that the map won't show any particular location.
Screenshot_3.png

"Zoom" - increases/decreases zoom level (visual distance) within the widget. Minimum zoom level - 0. Maximum zoom level - 20.

"Height" - increases/decreases widget’s height on page. Minimum height - 100px. Maximum height - 5000px.

"Spacing" - is a common widget feature.
Screenshot_1.png

Google Map Pro

This widget allows you to use advanced version of Google Map where you can create initial map center, place markers, select various theme types and also enable various map controls.
52.png

"Connect" button allows you to use Google Map Pro with the help of generated API key. You can read detailed instruction on how to create Google Map API Key here.
55.png

You will see the following features once you've connected Google Map: "Edit Connection", "Set Initial Map Center", "Markers", "Zoom", "Height", "Theme" and a number of Map Controls.
56.png

"Edit Connection" - this feature allows you to edit your Google Map API Key.
54.png

"Set Initial Map Center" - this feature allows you to create a centered area on the map, making a focus on the map markers.
57.png

Please make sure to specify required centered location via "Search" field and press "Search" button. It will automatically center selected map zone. Don't forget to Apply the results.
58.png

"Markers" - this feature allows you to place customizable markers on any selected location.
59.png

Type necessary map location via "Search" field, press "Search" button and use "Add Marker" button to create a marker.
60.png

Type your marker's "Title", "Caption" and select "Marker Icon". Please notice that you can not add another marker while adding/editing current marker.
61.png

Once you apply the changes - you can edit/remove current marker or add new marker.
62.png

"Zoom" - this feature increases/decreases zoom level (visual distance) within the widget. Minimum zoom level - 0. Maximum zoom level - 20.
63.png

"Height" - this feature increases/decreases widget’s height on page. Minimum height - 50px. Maximum height - 2000px.
64.png

"Theme" - this feature allows you to change the appearance of the Google Map Pro widget. You can choose one of the following themes: "Standard", "Silver", "Retro", "Dark", "Night" and "Aubergine".
65.png

Map Controls - this block contains the following number of features: "Map Type Switcher", "Zoom", "Street View", "Rotate", "Scale" and "Fullscreen". You can read more about each feature directly here.
66.png

MailChimp
This widget allows you to use "Contact Form" widget with integrated "MailChimp" features.
Screenshot_1________.png
 
Widget is separated into two tabs: "Settings" and "Design".
Screenshot_15.png
 
The "Settings" tab consists of the following blocks: "Display", "Form Fields", "Form Settings", "Animation".
Screenshot_4.png

To connect your account please click "Connect Account" button. If you haven't created such account - please use "Create Account" link under the mentioned button and create account first.
Screenshot_3.png

Once you click on "Create Account", you will be prompted to MailChimp website. Click "Sign up for free" to proceed further.
Screenshot_2.png

After you click "Sign up for free", you will be prompted to signup form where you need to specify your email, username and password.
Screenshot_3.png

Once you completed the signup, you will be informed to check your email for further instructions and in case you didn't receive it use "Didn't get an email?".Screenshot_4.png

In the email that you received, click "Activate Account" to proceed further.
Screenshot_5.png

In a new window, confirm that you are not a robot.
Screenshot_6.png

In another new window, you will get a series of questions. Fill in your First Name and Last Name first.
Screenshot_7.png

In the second step, tell Mailchimp about your business. This information will appear in your emails to help your recipients find your organization. Enter the name of your business and your website name.
Screenshot_8.png

In the third step, tell Mailchimp your physicall address. Mailchimp needs a physical address to make sure your emails comply with international anti-spam laws. If you do not want to specify it, use a physicall address alternative.
Screenshot_9.png

In the fourth step, Mailchimp will ask you if you have an e-Commerce (online shop) on your website. If you sell online, Mailchimp will help you get your store integrated with your account so you can send targeted emails to e-commerce customers, track ROI (Return On Investment), and more. If you do have it, answer "Yes", if not - "No".
Screenshot_10.png

The next step will ask you if you have a list of email subscribers (These are people who have signed up to receive marketing emails from your organization.) Three options are available - "Yes", "No" and "I'm not sure...".
Screenshot_11.png

The last step is "Connect social media". This step is optional. It's beneficial if you want to share your campaigns with followers and create social posts.
Screenshot_12.png

After this you will see a new window confirming that your account is ready and you can subscribe for a newsletter from Mailchimp (optional). Click "Let's Go!" button to proceed further.
Screenshot_13.png

Go to the "Lists" tab and click on your created list to configure it.
Screenshot_2.png

In case you want to use another List, click on the "Create List" button.
Screenshot_2.png

In a new window click "Settings" - "List fields and *|MERGE|* tags".
Screenshot_3.png

"List fields and *|MERGE|* tags" is the area where you can manage and create fields for your MailChimp List.
Screenshot_1.png

"Default merge tag" feature allows you to set default value for your tags. For example, you can set the default value for your first name tag to "Friend." When you use "Hello *|FNAME|*," in a campaign, subscribers whose first names are not in the system will see "Hello Friend."
Screenshot_3.png

You can learn more about Lists here - getting started with Lists, manage List and Signup form fields and set default merge values for a list.

!Important! Our "MailChimp" widget supports 4 Form Fields from the MailChimp List: "Email", "First Name", "Second Name" and "Agreement". Using more Form Fields in your MailChimp List will result in subscription failure.
Screenshot_42.png

If you need a form with more fields it's better to use an Embedded MailChimp form and paste it into your Embed widget.
Screenshot_41.png

In order to get the MailChimp API key, click on your MailChimp Profile.
Screenshot_34.png

Afterwards, click on Extras - API Keys.
Screenshot_35.png

Inside new window click Create a Key.
Screenshot_36.png

Under Your API keys you will see your created API key and you will be able to copy and paste into the "MailChimp" widget in your admin panel.
Screenshot_38.png

Copy and paste your "MailChimp API Key" within the appropriate field and save the results.

If you've created a list (tool which allows you to manage your contacts or subscribers) - such list will appear within the "Choose List" section. Otherwise only "None" option will be available.

To edit your account you need to click "Edit" button.
Screenshot_39.png

 The "Display" block has the following common features"Spacing""Visible On".
__________.png
 

Form Fields

There are presented 4 main fields within the "Form Fields" block: "Email", "First Name", "Second Name", "Agreement". All fields can be removed (except an "Email" field). You can enable mandatory feature (*) for each field separately by using Field Mandatory button (“*”) on the right side of each field.
Screenshot_8.png

Each field of the "Form Fields" block can also be renamed:
Screenshot_9.png

Form Settings

This block allows you to edit form field’s status messages. There are presented the following fields: "Subscribe Button", "Subscription successful", "Subscription error", "Repeated subscription error", "Error Message for Mandatory Fields", "Email Field Error".
Screenshot_10.png

Each field of the "Form Settings" block can also be renamed:Screenshot_11.png

"Animation" - is a general setting of each widget.
__________.png

"Design" tab allows you to customize "MailChimp Contact Form" appearance. Available presets are located within the list of "Preset Name" section.

"Checkbox Text Style" feature allows you to change the appearance of the "Agreement" checkbox field from the "Form Fields" block by selecting any present text style.
Screenshot_13.png

To change "Subscribe" button appearance you need to choose one of available button presets within the "Subscribe" section.

"Button" size can be customized within the "Size" section. There are available 3 sizes: "Small", "Medium" and "Large".
 

Disqus

This widget allows you to create commentary form on your site's page.
Screenshot_1__________3_.png

Disqus widget consists of "Properties" area and "Display" block.
Screenshot_3.png

If you haven't created a "Disqus" account yet - please use "Create New" link in the description within the Properties area.
Screenshot_15.png

All you need to do is to connect your existing account and identify your site on Disqus. For this you need to click the "Connect" button.
Screenshot_16.png

You need to specify your "Shortname" within the appropriate field in order to connect your site.

You can also edit/remove "Shortname" within the Settings - Integration section in the Control Panel.
Screenshot_5.png

Once the "Shortname" is specified, you will see the disqus commentary form on your page.
Screenshot_6.png

"Language" - this feature allows you to choose necessary language for your commentary form. The following languages are present in this feature: "English", "Russian", "German", "Japanese", "Swedish", "Italian", "Dutch", "Ukrainian", "French", "Polish", "Portuguese (Brazil)", "Suomi", "Serbian", "Turkish", "Latvian", "Norwegian Bokmål", "Norwegian Nynorsk", "Indonesian".
Screenshot_17.png

"URL Rules" - this feature allows you to set specific URL rules: "Absolute URL Based On Control Panel Settings"or "Absolute URL Without Control Panel Settings". If you've enabled Absolute URL based on control panel settings - widget will show commentaries on the page until you change page's URL. They will disappear once it's changed. On the other hand, such feature as Absolute URL without control panel settings is set by default and commentaries won't be affected by changes in the SEO settings.
Screenshot_18.png

The "Display" block has the following common features"Spacing""Visible On".
__________.png

Countdown Timer

This widget allows you to place countdown timer on the site's page.
Screenshot_1__________5_.png

Widget is separated into two tabs: "Settings" and "Design".
Screenshot_5.png

"Settings" tab contains the following blocks: "General Countdown Timer Settings", "Date Format", "Display", "After Countdown is Complete" and "Animation".
Screenshot_20.png

General countdown timer settings has a "Type" feature which allows you to use "Event Date" or "Timer" types for counting down a future event or a one day event.
Screenshot_7.png

If "Event Date" type is selected, you can edit the following features: "Target Date", "Time", "Event Timezone", "Language".
Screenshot_5.png

"Target Date" - this feature allows you to set expiration date of the action/event on your site's page.
Screenshot_3.png

"Time" - this feature allows you to see how much time is left until the expiration date.
Screenshot_9.png

"Event Timezone" - this feature allows you to set necessary timezone for the action/event.
Screenshot_10.png

"Language" - this feature allows you to set required language for the date types (years, days etc.). The current languages are: "Arabic", "Catalan", "Chinese Simplified", "Chinese Traditional", "Czech", "Danish", "Dutch", "English", "Finnish", "French", "German", "Greek", "Hungarian", "Indonesian", "Italian", "Japanese", "Korean", "Lithuanian", "Malay", "Norwegian", "Polish", "Portuguese", "Russian", "Spanish", "Swedish", "Turkish", "Ukrainian", "Vietnamese".
Screenshot_11.png

If "Timer" type is selected, you can configure the following features: "Time", "Language".
Screenshot_6.png

"Time" feature allows you to set time for a one day event up to 24 hours.
Screenshot_8.png

"Language" - this feature allows you to set required language for the date types (hours, minutes etc.).
Screenshot_12.png

"Date Format" block allows you to enable/disable date types and delimiter type within the Countdown Timer.
Screenshot_13.png

"Display" block allows you to edit the following settings: "Spacing", "Devices", "Alignment", "Visible On" they are the common widget features.

"After Countdown is Complete" block allows you to set specific action for the countdown timer when event expires. You can stop timer at 0, hide counter or redirect event to the specific URL.
Screenshot_14.png

"Animation" - is a general setting of each widget.
Screenshot_2.png

"Design" tab allows you to customize "Countdown Timer" appearance. Available presets are located within the list of "Preset Name" section.
Screenshot_13.png

Accordion

This widget provides possibility to display a large amount of content in vertical sections on the page.
Screenshot_7.png
 
"Accordion" widget is separated into two tabs: "Settings" and "Design".
Screenshot_8.png

The "Settings" tab consists of the following blocks: "Items", "Display", "Animation".
Screenshot_13.png
 
"Items" block allows you to use the following features: "Add", "Items Behavior", "Icons Alignment".
731.jpg
 
"Add" button allows you to add a new item. The maximum amount of items is 50.
Screenshot_12.png
 
Each item contains the following fields: "Title", "Icon".
Screenshot_2.png
 
"Title" - this field contains the name of your accordion item.
Screenshot_3.png
 
"Icon" - this feature allows you to choose various visual icons for your accordion items.
734.jpg
 
Once you created an item with your "Title" and "Icon", you can edit/duplicate/remove it.
Screenshot_14.png
 
In order to add content to accordion items, you should expand the necessary item and place a widget within the "Item" section.
Screenshot_16.png
 
!Important! Due to specifics of the Accordion widget only the following widgets can be placed inside any item:

Widgets: Structure - "Row".
 
Widgets: Basic - "Text", "Image", "Button", "Divider", "Space".
 
You can change the position of items by dragging them one over another.
736.jpg
  
"Items Behavior" affects the appearance of accordion items.
 
"Toggle Items" feature allows you to preview only one expanded item at once.
738.jpg
 
"Expand Items" feature allows you to preview as many expanded items as necessary.
739.jpg
 
"Expanded First Item" feature provides possibility to preview first accordion item as expanded by default.
740.jpg
 
"Show Open/Close Icons" feature allows you to hide or show Open/Close buttons within the Accordion widget.
741.jpg
 
"Icons Alignment" feature allows you to change the Icon position in relation to the Item dropdown.
Screenshot_17.png
 
The "Display" block consists of "Spacing", "Visible On" features which are the common widget features.
Screenshot_10.png
 
The "Animation" is a general setting of each widget.
Screenshot_11.png
 
"Design" tab allows you to customize "Accordion" widget appearance. Available presets are located within the list of "Preset Name" section.
Screenshot_15.png
 
Tabs
 
This widget provides possibility to store site's content within the horizontal tabs and navigate between them. It saves visual space on the page and only one tab can be accessed at a time.
Screenshot_2.png
 
"Tabs" widget is separated into two tabs: "Settings" and "Design".
10.png
 
The "Settings" tab consists of the following blocks: "Items", "Display", "Animation".
Screenshot_18.png
 
The "Items" block consists of "Add", "Justified Titles", "Titles Alignment" features.
11.png
 
"Add" button allows you to add a new tab.  Maximum amount of tabs is limited up to 50.
12.png
 
"Add Item" feature allows you to create new tab with specific title and icon.
4.png
You can change/remove icon for each tab using appropriate buttons.
734.jpg
 
Once you created a tab with your "Title" and "Icon", you can edit/duplicate/remove it.
13.png
 
In order to add content to your tab, you should drag and drop a widget within the "Item" section.
Screenshot_22.png

!Important! Due to specifics of the Tab widget only the following widgets can be placed within the "Item" section:

Widgets: Structure - "Row".

Widgets: Basic - "Text", "Image", "Button", "Divider", "Space", "Contact Form".

Widgets: More - "Progress Bar", "PayPal Button", "Countdown Timer", "Google Map".

You can change the position of tabs by dragging them one over another.
16.png

There are two types of tabs: Vertical and Horizontal.

If you choose "Horizontal" type - you can enable/disable "Justified Titles" feature which stretches the titles along the width of widget's area.
17.png

If you choose "Vertical" type - you can choose the type "Panel Width" - it can be "Responsive" or "Fixed".

"Responsive" - this feature allows you to configure tab width in percents, which affects the appearance of tabs on the PC and tablet versions (this feature can't be edited on mobile devices).
20.png

"Fixed" - this feature allows you to configure tab width in pixels.
21.png

"Panel Position" - this feature allows you to change the position of your tabs from left to right and from right to left.
22.png

"Titles Alignment" feature allows you to re-align title along the tab's area.
18.png

"Icons Alignment" feature allows you to re-align icon along the tab's area.
19.png

The "Display" block consists of "Spacing", "Visible On" features which are the common widgets features.
Screenshot_6.png

The "Animation" is a general setting of each widget.
Screenshot_7.png

"Design" tab allows you to customize "Tabs" widget appearance. Available presets are located within the list of "Preset Name" section.
Screenshot_6.png

Popup widget allows you to make any existing popup appear/reappear under specific conditions on your website's page.
Screenshot_27.png

Popup widget consists of "Properties" area which allows you to use the following features: "Select Popup", "Appearance Condition", "Reccurence Condition".
Screenshot_28.png

"Select Popup" feature allows you to select an existing popup from the "Pages" section of your site's Control Panel.
Screenshot_29.png

If you haven't created any popup yet, "Popups" are located in the "Pages" section that can be found within the navigation menu of your site’s Control Panel.
70.jpg

In order to create new popup please click on the "Add Popup" button.
Screenshot_18.png

"Popup's Name" must be specified within provided section.
Screenshot_19.png

"Appearance Condition" - this feature allows users to specify the popup appearance condition. There are two options available: "Over Time" for popup appearance after a certain amount of time and "Placement" for popup appearance after the visitor scrolls down to a section where the popup is located.
Screenshot_30.png

If "Over Time" condition is selected, you can use a "Delay" feature for popup appearance within 24 hour time period.
Screenshot_31.png

If "Placement" condition is selected, you can only edit its "Reccurence Condition".

"Reccurence Condition" - this feature allows users to specify the popup recurrence condition after which the popup will be shown again. The following reccurence conditions are available: "Once per Session", "Fixed Amount of Times", "Over Time", "Always".
Screenshot_32.png

"Once per Session" feature allows to set the popup to appear only one time per browsing session.
Screenshot_1.png

"Fixed Amount of Times" feature allows to set how many times the popup should appear agaon on a visited page.  You can set it up to 10 times.
Screenshot_1.png

"Over Time" feature allows to set time when te popup should appear again on a visited page. It consists of "Days" and "Hours" features.
Screenshot_2.png

The "Days" feature can be configured from 0 to 365 days.
Screenshot_3.png

The "Hours" feature can be configured from 0 to 23 hours.
Screenshot_4.png

The "Always" feature makes the popup appear again regularly on a visited page.
Screenshot_5.png

Progress Bar

This widget can be used for showing a particular milestone on your website.
Screenshot_9.png

"Progress Bar" widget is separated into two tabs: "Settings" and "Design".
Screenshot_2.png

The "Settings" tab consists of the following blocks: "Items", "Display", "Animation".
Screenshot_2________.png

The "Items" block allows you to create a new item with the "Add" button.
Screenshot_5.png

"Add Item" window consists of the following features: "Title", "Progress Value", "Change the displayed value to", "Background", "Progress Bar".
Screenshot_6.png

"Title" - this field contains the name of your "Progress Bar" item.
Screenshot_8.png

"Progress Value" allows to display the step of your progress from 0% to 100%.
Screenshot_10.png

"Change the displayed value to" feature allows to add a custom text title istead of percent value at the end of your progress bar for the final progress result.
Screenshot_14.png

"Background" feature allows to change the color of incomplete progress.
Screenshot_14________.png

"Progress Bar" feature allows to change the color of complete progress.
Screenshot_14__________2_.png

Once you created an item, you can edit/remove it.
Screenshot_13.png

You can change the position of items by dragging them one over another.
Screenshot_15.png

The "Display" block has the following common features"Spacing""Visible On".
1.png

"Animation" - is a general setting of each widget.
2.png

"Design" tab allows you to customize "Progress Bar" appearance. It consists of the following features: "Title Text Style", "Progress Text Style", "Bar Height", "Corners", "Progress Bar Corners", "Enable Bar Animation".
Screenshot_16.png

"Title Text Style" feature allows you to change the title appearance by selecting any present text style.
Screenshot_17.png

"Progress Text Style" feature allows you to change the title appearance at the end of your progress bar by selecting any present text style.
Screenshot_18.png

"Bar Height" feature allows to customize the bar's height appearance from 1px to 50px.
Screenshot_19.png

"Corners" - this feature allows you to round the left and right corner of the "Progress Bar" widget from 1px to 25px. Default value is set as 0px. In order to increase/decrease corners value you can set the value manually by adjusting the scale with your left mouse button. After adjusting it, you can also slightly increase/decrease the scale by using the keyboard arrow buttons.
Screenshot_20.png

"Progress Bar Corners" - this feature allows you to round the progress bar's second corner. If selected, it works together with the "Corners" feature.
Screenshot_22.png

"Enable Bar Animation" feature allows to make your progress bar dynamic instead of static.
Screenshot_21.png

Slideshare

This widget allows you to place your "Slideshare" presentations on the site's page.
Screenshot_1__________4_.png

Slidershare widget consists of "Properties" area and "Display" block.
Screenshot_21.png

The "Properties" area has the following feature: "Presentation URL"

All you need to do is to copy URL of your presentation and paste it within the Presentation URL field. After that you can preview changes within the Admin Panel or on the live site.
Screenshot_2.png

The "Display" block has the following common features"Spacing""Visible On".
__________.png

PayPal button

This widget allows you to create/manage PayPal button on your site’s page.
Screenshot_5.png

PayPal button widget is separated into two main tabs: "Settings" and "Design".
Screenshot_9.png

Settings - this tab contains the following functions and blocks: "Type", "PayPal Email", "Open in", "Payment Details", "Additional Expenses", "Display".

"Type" - this feature allows you to change button payment type. You can use "Buy Now" and "Donate" types for selling and charity purposes. 
Screenshot_10.png

You can connect your "PayPal button" widget to your PayPal ID or an email address associated with your PayPal account.
Screenshot_11.png

"Open in" feature allows you to choose whether the PayPal payment system should be opened in a new window or on the current page.
Screenshot_12.png

"Payment Details" block contains the following features - "Item Name", "Item ID", "Currency", "Contribution Amount""Price"
Screenshot_13.png

"Item Name" feature allows you to specify the name of the item.
Screenshot_40.png

"Item ID" feature allows you to specify the ID of the item.
Screenshot_39.png

The following currencies are present in the "Currency" dropdown: "AUD", "BRL", "CAD", "CZK", "DKK", "EUR", "HKD", "HUF", "ILS", "JPY", "MYR", "MXN", "NOK", "NZD", "PHP", "PLN", "GBP", "RUB", "SGD", "SEK", "CHF", "TWD", "THB", "USD".
Screenshot_14.png

There are two "Contribution Amount" types available - "Any amount" and "Fixed amount" for the specific price.
Screenshot_9.png

If "Fixed amount" feature is selected, the price can be specified in the "Donation Amount" field.
Screenshot_10.png

"Price" field is available only if "Buy Now" payment type was selected. This field is similar to "Fixed Amount" field.
Screenshot_8.png

"Additional expenses" block is avaliable only for "Buy Now" payment type and contains the following features - "Shipping Rate""Tax Ammount (%)".
Screenshot_11.png

"Shipping Rate" feature is for adding the price for delivery of the purchase.
Screenshot_12.png

"Tax Ammount (%)" feature is for adding the taxed price.
Screenshot_13.png

"Display" block allows you to edit the following settings: "Spacing", "Alignment", "Visible On".
Screenshot_14.png

 

"Design" tab contains number of presets, which change the visual appearance of the PayPal button widget based on the selected "Button Types" feature - "PayPal Button", "Theme Button", "Custom image".
Screenshot_18.png 

"PayPal Button" is for a usual PayPal button and it has the following features - "Button Style", "Country and Language".
Screenshot_23.png 

"Button Style" feature allows you to modify the usual PayPal button.

There are three styles available - "Default", "Hide credit cards logos", "Use smaller button".
Screenshot_24.png

"Default" style is for a default PayPal button.
Screenshot_25.png

"Hide credit cards logos" style is for hiding the cards brands on a PayPal button.
Screenshot_26.png

"Use smaller button" style is for making the PayPal button thinner.
Screenshot_27.png

"Country and Language" feature allows you to change a language for your default PayPal button.

The following countries and languages are present: "United States", "Australia", "United Kingdom", "French (Canadian)", "Spanish", "Italian", "French", "German", "Portuguese (Brazilian)", "Chinese (Simplified)", "Danish", "Chinese (Hong Kong)", "Indonesian", "Hebrew", "Japanese", "Dutch", "Norway", "Polish", "Portuguese", "Russian", "Swedish", "Thai", "Chinese (Taiwan)".
Screenshot_28.png

If "Buy Now" type was selected, you will see an additional "Button Text" feature in the "Design" tab for the "PayPal button" type.

This "Button Text" feature allows to select a premade text "Buy Now", "Pay Now" for the button.
Screenshot_29.png

"Theme Button" type is for a template theme-based button and it has the following features - "Button Text", "Button Preset", "Size".
Screenshot_30.png

"Button Text" feature allows to type another text for the button.
Screenshot_31.png 

"Button Preset" feature allows you to change the "Theme Button" appearance by selecting one of the premade presets.
Screenshot_33.png

"Size" feature allows you to choose the "Theme button" size - "Small", "Medium" and "Large".
Screenshot_35.png

"Custom Image" type is for a button with your own custom image. It has the following features - "Image", "Title", "Alt Text".
Screenshot_36.png

"Image" feature is for adding a custom picture for your button. It has Add/Delete options.
Screenshot_37.png

"Add" option redirects you to "Media Library" where you can choose an existing image or upload and use a new one for your button.
Screenshot_38.png

"Delete" option removes the image for your button.

"Title" - your image’s title (it can be changed within the same field for mentioned image within the Media Library). Also it improves SEO (when you overlay image with cursor - you will see image’s title). Search engines can also index such a title.

"Alt Text" - this text will appear instead of your image if your browser’s settings block the possibility to preview images.
Screenshot_22.png

iFrame

This widget allows you to show external sources on the site’s pages.
Screenshot_17.png

"Iframe" widget consists of "Properties" area and "Animation" block.
Screenshot_12.png

The following features can be used for editing iFrame widget: "URL", "Height", "Spacing".

"URL" - this feature allows you to set URL, which automatically reflects it’s content in iFrame.
790.jpg

You can edit URL within the "URL" field and then apply the results.
792.jpg

"Height" - increases/decreases widget’s height on page. Height is set to 120 by default. Minimum height - 100px. Maximum height - 1000px.
791.jpg

"Spacing" - is a common widget feature.
Screenshot_4.png

"Animation" - is a general setting of each widget.
Screenshot_5.png
 

Embed

This widget provides possibility to create custom applications on your site's pages (if you have embed HTML or javascript code).
Screenshot_18.png

Embed widget consists of "Properties" area and "Animation" block.
ruin.png

The following features can be edited in the "Properties" area: "Paste HTML Code", "Open in popup", "Spacing", "Devices","Alignment".
ruin________.png

"Paste HTML Code" - this feature contains the area, where you can place custom code. It's highly recommended to use <iframe> based code, if you wish to preview result within the Control Panel of your product.
ruin__________3_.png

The "Open in popup" feature allows to add code via built-in programming text-editor. To open it, please click on the "Open in popup" icon in "Paste HTML Code" area.
ruin__________4_.png

Moreover, the code syntax in the text editor includes "Syntax highlighting" feature for the programming convenience.
Screenshot_12.png

"Spacing""Devices" and "Alignment" are the common widgets features.
1.png

"Animation" - is a general setting of each widget.
2.png 

Have more questions? Submit a request

Comments