Scroll

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

Start Chat

Widgets: More

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

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 the following error: "Incorrect Address".

"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.

 
MailChimp
 
This widget allows you to use "Contact Form" widget with integrated "MailChimp" features.
756.jpg
 
Widget is separated into two tabs: "Settings" and "Design"
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.
 
To edit your account you need to click "Edit" button.
 
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.

 

Form Fields

There are presented 6 main fields within the "Form Fields" block: "Name", "Email", "Phone", "Address", "Subject" and "Message". 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.

Form Settings

This block allows you to edit form field’s status messages. There are presented the following fields: "Send Button Text", "Success Message", "Error Message for Mandatory Fields" and "Error Message for Email Field".

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

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.
757.jpg

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

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.

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.

 

"Language" - this feature allows you to choose necessary language for your commentary form.

"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.

Countdown Timer

This widget allows you to place countdown timer on the site's page.
758.jpg

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

General countdown timer settings allows you to edit "Expiration Date", "Time", "Event Timezone" and "Language".

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

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

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

"Language" - this feature allows you to set required language for the date types (years, days etc.)

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

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

 

"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.

 

Slideshare

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

There are two main features: "Presentation URL" and "Spacing".

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.

 

iFrame

This widget allows you to show external sources on the site’s pages.
761.jpg

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 

Embed

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

The following features can be used for this widget: "Paste HTML Code", "Spacing", "Devices" and "Alignment".

"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.

 

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 common widget feature.
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.
1.png
 
"Tabs" widget is separated into two tabs: "Settings" and "Design".
 
"Settings" tab allows you to modify the following features: "Items", "Justified Titles", "Titles Alignment", "Spacing", "Visible On" and "Animation".
2.png
"Items" block provides possibility to add, edit, duplicate, rotate and remove tabs. Maximum amount of tabs is limited up to 50.
3.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
"Justified Titles" feature allows you to stretch tab titles through the entire widget's width.
5.png
"Titles Alignment" feature allows you to stretch title/titles across the entire "Tabs" widget area proportionally.
6.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

 
Have more questions? Submit a request

Comments