Splashtip Use in ROES Web
Using Splashtip in ROES Web
Use this article to configure a Splashtip in ROES Web as a welcome page, information center, or guided landing page for your customers.
Overview
New in ROES Web, the Splashtip can be used as a welcome page, information center, and guide to your ROES app. Splashtip pages can be as decorative as you like, using tables, images, and ROES URLs embedded in the page to help guide customers to product groups, display current sales, indicate closings, or show holiday hours.
The Splashtip element is added off the root of the templates file in Template Tool. As in ROES Desktop, the text attribute should be set to a full https:// URL that points to the desired HTML file.
If this image does not display, open it directly: splashlatest.PNG
If this image does not display, open it directly: splash-initial.PNG
Splashtip Setup in ROES Web
Add the Splashtip element at the root of the templates file
In Template Tool, add the Splashtip element off the root of the templates file.
Set the label attribute
Use the label attribute to set the button name users can click to reopen the splash page later, similar to returning to the Home screen in ROES Desktop.
Set the text attribute to the splash page URL
In the text attribute, enter a full https:// URL to the HTML file you want to display. Any images or links referenced by that HTML should also use secure https:// URLs.
If this image does not display, open it directly: splash-label.PNG
ROES URL Support in Splash Pages
ROES URLs are supported in ROES Web splash pages, but the splash page HTML must include the ROES URL emitter script in the page body.
ROES URLs
ROES URLs are links added into the page using roes:// followed by a path made from u_id values to the desired location in the templates collection.
For example, if your catalog u_id is Canvas and the group to jump to has a u_id of wrappedcanvas, the ROES URL would be:
If the first template has a u_id of f6yhe3r, the URL would be:
ROES Web-Specific URL Attributes
view
Use either products or workspace. Using view="products" keeps the customer in the product browser and works well for catalogs or groups. Using view="workspace" is required to jump directly to a specific template and can also be used for catalogs or groups.
keep-open
This can be set to true or false. When set to true, the splash remains open, which can be useful when opening a secondary splash page. When set to false, the splash closes after the selection is made.
ROES URL Examples Preserved from Source HTML
Jump to a Fine Art catalog, keep the splash open, and stay in the product browser:
Jump straight to a cards group in the workspace and close the splash:
Jump directly to the first card in the group:
Compatibility Note
If you use both ROES Web and ROES Desktop, these extra ROES Web values do not affect ROES Desktop, so the same splash can be used if the templates collection is essentially the same for both platforms.
Expected Result
ROES Web should display the configured splash page on load, allow users to reopen it using the label button, and support ROES URL navigation from within the splash page when the emitter script is included.
Escalation Notes
- Confirm the Splashtip element is added at the root of the templates file.
- Confirm the text attribute points to a valid https:// URL.
- Confirm all images and links used by the splash page also use https:// URLs.
- Confirm the label attribute is set if users should be able to reopen the splash page from a button.
- For ROES URLs, confirm the u_id path is correct.
- For ROES URLs, confirm the page body includes the RoesUrlemitter script.