HTML No Code - Clickable zones on the background of a folder

Touch & Sell provides application administrators with a feature that allows them to create interactive content on their own:

• Based on a background, adding clickable areas defined by the admin (number, size)
• These clickable zones allow access to the contents of the configured folder (PDF, Images, videos or other folders)

For assistance in setting up HTML No Code, particularly in recovering your API key, please feel free to contact your dedicated CSM or Touch & Sell Customer Support!

Setting the navigation mode :

From Studio
0/. Choose your folder to configure: You can integrate all your files (PDF, Images, videos or folders)
. Define a background: Provide a background with the action buttons in the visual:

From HTML No Code: 

1/. Find the folder in the tree structure where you want to position the navigation mode

2/. Define the "clickable" zones by "drag and drop"
. Choose the size and position of your clickable zones

3/. Do not forget to click on "Save": 

: The "refresh" button is to be used if you make changes on the Studio side. It also allows you to replace the clickable areas when the background is resized.

At the end of step 3, .background and .background_data contents are automatically created in your folder on the Studio side:

Be careful with the nesting of the sub-levels: you must place a background for each folder, from your Studio!

Example for the folder "Folder 2" for which you have defined a different background in the Studio:

Avoid duplicating your dynamic HTML content. They contain IDs and cannot be duplicated easily, they must be redone.

From Performance
5/. Synchronize your application, by clicking on the synchronization button at the top left of your home page

You can now view your HTML No Code, from your application