Upgrading to Site Designer

�

�

Site Designer is the future of ecommerce website building and editing at Volusion. This feature is intended to make the site creation and update process simple and seamless.

�

Initiating Site Designer

�

1. To begin the upgrade process, you will need to update your Volusion password. This is necessary because Site Designer is authenticated by AUTH0, which has more strict password requirements. New password requirements will be:

�

8 characters
a lowercase letter
an uppercase letter
a number
special character (!@#$%^&*) in the password
maximum 20 characters

�

2. If you haven�t already, enable Premium Checkout with these steps.

�

3. From your store�s Admin Dashboard, choose Settings > Beta from the drop-down menu.

4. This will open the Beta page. Click the Enable button for Element.

5. Once successfully upgraded to Element, you will have to access your admin at www.yourstore.com/admin.

�

Choosing your Site Designer Theme

�

1. From the drop-down menu at the top of the page, choose Design > Site Designer.

2. This will launch the Element Site Designer tool. The Themes listed on this page are all Element themes, and all of them are available at no additional cost to upgrade to. To navigate to the preview the themes Change Theme > Theme Gallery.�

Then choose Theme Gallery to see the theme options.

Volusion recommends that you pick a single theme to work with as changes made on one theme may not transfer to a different theme. Using the Preview buttons on each theme will allow you to preview a theme before choosing it.

�

Updating your Site Designer Theme

�

1. We suggest that you begin by editing your homepage. Mouse over the header section of the homepage and click the green Edit Template button to open the Edit Block menu.�

�

NOTE: A green Edit Template button indicates that the section being edited is universal to the site and will show on all pages on your site, such as the Header and Footer.

2. In the Edit Block menu, you can make choices to design your homepage Header.

�

3. Scroll down the page to the additional sections. You will see a grey Edit button as you mouse over each section. Clicking this will open up the Edit Block menu for the section.�

�

NOTE: A grey Edit button indicates that the block exists only on this page, so any edits made will only show on this page.

NOTE: Mousing over a section may show a purple Plus Sign button. Clicking this button will open the Add a Block menu. Additionally available blocks will be shown in the left-hand menu and can be added. Once added, you can click the grey Edit button and edit the block.

�

4. Scroll to the bottom of the page, locate the Footer section, and click the green Edit Template button to edit your site�s Footer.

5. Once the edits to your Homepage are complete, you can use the Page: Home drop-down menu at the top of the page to choose additional pages to edit.

6. If you have specific pages on your site that need to be recreated, you can click Add a Page on the Page: Home drop-down menu. This will allow you to create a custom page and add blocks as needed.

Publishing your New Site

�

1. Once you have completed building your pages, you can Publish your site (make it live and visible to customers) by clicking the green Publish button at the top of the page.�

2. Once your site is published, you will see a �Site Published!� pop-up message indicating that your site changes were successful.

�

Rolling Back Site Designer

�

If you need to roll back your store to its previous non-Element design, you can click the Rollback button. Keep in mind that rolling your site back will unpublish your Element storefront and revert back to your legacy site, and the process can take roughly 10 minutes.�

�