Art Storefronts Support Center

Search for answers to your questions by entering keywords below, or look through our knowledge base.

How to: Add an Experience Page to your website

Follow

 

Here, we will demonstrate our new feature, the experience page! This will create a page that utilizes the full width of the page and takes your customer through an interactive experience of your site. To create one, start from the site manager and then create the page itself, name it whatever you like.Screenshot_01.png

This will bring you to the options section where you can select a few options regarding the page itself, such as the header, having the header is fixed to the top of the window, or whether the footer is displayed.

Screenshot_02.png

Keep in mind, the navigation bar will still be displayed after scrolling down your page - we did not want to get rid of that, in order to ensure your customers still have navigation options available if they want to go back to the main section of the site. Once you are done with the preliminary settings, you can move on to creating the page itself. This functions similarly to our Content builder, but with full width sections being added.

Screenshot_03.png

They best way to go about it is to experiment as much as you can, with the different sections and different effects available to be added.
The one thing we would like to mention in particular is the ability to add videos to your experience pages.

Screenshot_04.png

This can be done by adding the video to the extra files section of your site manager, created for this reason.

Screenshot_05.png

Screenshot_06.png

After the upload has been completed, (processing may take a bit for video files), you can take the link provided and use it on your experience page.

Screenshot_07.png

Screenshot_08.png

We may add features later on, to utilize the Extra files section more. We will keep you posted!

How to Embed a Video

Apart from the background videos that you can add as described above. You could also embed your video. Check out the video below:

Was this article helpful? Please let us know how we can improve it here