How To- Step By Step

There are two ways to create a new site: Using the Add Site button under the Sites tab in the account portal or using the New site button under the Sites tab in the Admin dashboard

To create a new site from the account portal, log in, go to the Sites tab and click on Add Site

To create a new site from your admin dashboard, go to the Sites tab and click on New

After both options you'll be directed to the templates gallery to choose a template for your site

You can choose the template that best suits your customer needs, from a variety of designed and wireframe templates

To choose a template click on the desired one and then on Next

Then name the site and click on Create

To preview a template before building the site, place your cursor on the template and click on Preview

In the preview template window you can browse through the pages and different platform versions of the template:

Click on Template Gallery to go back to the templates selection to choose another template, or name your new site and click on Create Site to continue to the builder

To learn how to design your new site, click here

In order to add a new page, place your cursor on the sitemap area in the left management panel and click on the + button that appears upon hover

In the popup window you can choose to add a new page or a link

If the account you're using has E-Commerce opted in (see Provisioning), you will be presented with a third option for adding Commerce pages to your site

For a new page (not Commerce related) click on the page icon

The next step is to choose the page template. You can choose from several categories or choose a blank page:

The final step is to choose the page's layout from the templates:

For every page template you can set the page name, and after clicking on SEO and Advanced also SEO tags (title, description, keywords), the relevant master page the page will be connected to and the platforms to which this page will be added

Once you chose the category and fill in the relevant fields, click on OK to create the page. Next the page will be added to the sitemap and you'll be directed to it automatically

You can also manage the location of the page in the sitemap by dragging it to the location you chose in the sitemap (below another page as an additional menu item or on top of a page as a sub item)

For a link, click on the link icon

In the popup window you can name the link and choose where to link it to

For commerce pages click on the Commerce icon
You will be shown five commerce page templates: Catalog, Product, Cart, Checkout and Terms and Conditions

By clicking on OK all five pages will be added to your site

You activate a new section from the master page Theme on the Right Management Panel (Header and Footer are activated by default) and can choose a preset structure from the pre-existing list. If you would like to build a new section differently from the preset list, you can do this from the Sections list on the Left Management Panel. After creating the new section from the Sitemap, you can go back to the Theme Structure of the master page you're building and choose the new section in order to style it

In order to add a new section, place your cursor on the sections area in the left management panel and click on the + button that appears upon hover

In the popup window you'll need to name the section and choose the section type from the drop down menu (none, header, footer, left side panel, right side panel, content top, content bottom)

Next click on OK and the section will be added automatically to the sections area

You can preview what your site will look like across platforms and devices

To enter the preview mode, click on the Preview icon on the bottom right management panel

A popup window will ask you if you're interested in saving your site. Choose Don't Save or Save to continue

You can change the display between platforms to see how your site will look like. The default display is the platform you were designing prior to moving to the preview mode. In mobile you can change the view between devices and click on the Rotate icon for horizontal or vertical view:

There are two options for saving your site: save and save as

Use the Save As button to save a site for the first time after creation

Place your cursor on the Save icon on bottom right management panel and click on Save as

In the popup window name your site and click Apply

Next the system will let you know that the site is being saved

Use the Save button to save an existing site after changes (for initial saving use the Save as option)

Place your cursor on the Save icon on bottom right management panel and click on Save

Next the system will let you know that the site is being saved

There are three options for publishing a site: From the builder, from the portal and from the admin dashboard (for admins only)

In order to publish your site from inside the builder, simply go to the Bottom Right Management Panel, place your cursor on the Save icon and click on Publish

You would be asked to Save your site before publishing. Next the system will let you know that the site was successfully published

In order to publish your site from the account portal, simply go to the Sites tab and click on the Publish button next to the site you would like to publish

After publish is done, the icon next to the Publish button will change from red (outdated) to green (up to date)

In order to publish a site from the admin dashboard, simply go to the Sites tab in the dashboard and click on the Publish button next to the site you would like to publish

Approve the action in the pop up window by clicking on OK

Next the system will let you know that the site was successfully published

After publish is done, the icon next to the Publish button will change from red (outdated) to green (up to date)

You can add several master pages to your site and build them differently, to be used for different pages. For example, one master page for the Home page and a second one for the inner pages. The Inner master page should speak the same style language as the Home master page, but the sections can be built a bit differently

In order to add a master page, go to the Left management panel and click on the + button next to Master pages

In the pop up window set the master page's name and click OK

You can see the new master page under the Master pages list in the Left Management Panel and you can style is and add sections

You can apply the Theme settings from master page A to master page B by going to the master page B settings tab (clicking on the master page from the Left Management Panel will open the Page settings tab on the Right Panel) and choosing master page A from the Inherit Page Style drop-down menu

In order to change your account login password, click on your account name in the top left corner of your account above Home to open the account menu

From the account menu click on Change password

In the popup window set your new password and click Apply

In order to add a table in a text box, simply click on the table icon from the text editor , add as many columns and rows as you like from the table settings menu

and add your text

Once you add all the text in the table, close the editor by clicking on OK

In order to style your table, open the text box's style menu from the right management panel, choose the element you'd like to style from the top dropdown menu and design it. The relevant elements you can choose from the dropdown menu are: table, rows, odd rows, even rows, first row, cells and first column cells

Here is an example of a designed table:

In order to add a list in a text box, simply click on the list icons from the text editor: for an ordered list and for an unordered list, and add your text

Once done close the editor by clicking on OK

In order to style your list, open the text box's style menu from the right management panel, choose the element you'd like to style from the top dropdown menu and design it. The relevant elements you can choose from the dropdown menu are: unordered list, ordered list and list element

To change the thumbnails in an unordered list, choose “unordered-list” from the dropdown menu, and then choose the thumbnail type from the “list style type” dropdown menu located in the Appearance tab below the line height box

If you'd like to change the thumbnail to an external image, you need to do several things:

1. Remove the existing thumbnails by choosing “none” from the “list style type” dropdown menu
2. Add bottom margin and left padding space to the list elements by choosing “list element” from the top dropdown menu and changing the settings in the Layout tab

3. Add the thumbnail icon as a background image from the Background tab, adjust the alignment to the left and center and remove repetition

Here is an example of an unordered list:

To change the thumbnails in an ordered list, choose “ordered-list” from the dropdown menu, and then choose the thumbnail type from the “list style type” dropdown menu located in the Appearance tab below the line height box

Here is an example of an ordered list: