Implementation of Hotspot and Data Room Objects in Web Templates

Implementation of Hotspot and Data Room Objects in Web Templates

Introduction:
The following guide outlines the steps for implementing Hotspot and Data Room objects in a web template. These new features allow for enhanced interaction within web templates, providing a more dynamic and engaging user experience.

Creating a Web Template with Internal/External Options:
Navigate to Web Templates:
  1. Begin by accessing the web templates section in your platform.
Select Internal or External Option:
  1. When creating a new web template, you will be prompted to select either "Internal" or "External" options. This choice determines whether a media site is generated for internal or external web assets. The external option is set as the default.
  2. Select the desired option and proceed.


Assign Template Name:
  1. Enter a name for your template, then move to the web editor page.

Adding Hotspot Functionality:
Access the Web Editor Page:

In the web editor, the hotspot functionality can be enabled for web templates. This allows for interactive elements to be added to images, similar to the functionality available in web banners.

Select and Add an Image:
  1. Choose an image for your template.
​


Enable Hotspot Feature:
  1. Go to the image properties and check the "Can be used for hotspot" option.


Add Hotspot and Menu Icon:
  1. Click on "Add Hotspot" and select a menu icon.
  2. Within the menu properties, you can add various elements such as title, description, images, videos, documents, and links to the hotspot.



Preview the Hotspot:
  1. After saving your changes, preview the template to see the hotspot in action. Hovering over the icon will display the added attachments (info, videos, images, and documents).


Adding Data Room Objects:
Access the Web Template Editor:
  1. Similar to the hotspot functionality, you can add data room objects to a web template. Start by selecting "External Web Assets" in the template creation process.


Add Data Room Object:
  1. Within the editor, click on "Add Object" and choose "Dataroom Object." This action will open the assets page where multiple assets can be selected.


Selecting Assets for the Data Room:
  1. Choose the desired assets such as print, presentations, documents, videos, eBooks, web pages, external links, and sites. Click "Save" to add them to the data room section.



Preview and Customize Data Room:
  1. On the preview page, all selected assets and links will be displayed.


Manage Landing Page:
  1. The data room object can also be customized on the landing page editor.
  2. After making necessary adjustments, finish the process by previewing the template and checking the data room display.


Conclusion:
This guide provides a comprehensive approach to implementing Hotspot and Data Room objects in web templates, enhancing the interactivity and functionality of your web assets.

    • Related Articles

    • How do I create a web banner?

      The web banner editor allows for Users to create web banners that can be used internally (on pages such as the Dashboard, internal playbooks & Welcome Page) and externally (landing pages, brochures, marketing). Interactive banners also lets users to ...

    • How do I add hotspots to web banners?

      This feature is designed to offer comprehensive descriptions of individual product components. Refer to the detailed article to create a web banner here: How do I create a web banner? The hotspot feature can be used within image objects in the web ...

    • How do I create a Web A/B test?

      Feature: This is to test the performance of multiple landing pages and see which content is popular among the contacts and get more click rates. 1) To create a Web A/B test, go to "Reports" > Web > Web A/B test. 2) Click on the “Create” button to ...

    • How do I create a Dataroom?

      Datarooms are professional-looking collections of trackable assets that users can send to potential customers. To create a data room, go to “Setup”, then “Asset Management”, and “Templates”. Select “data room” under the dropdown and click on create. ...

    • How do I create landing page web templates?

      In order to use a landing page, you need to publish the landing page template into "Output" mode. You can learn more about using landing pages in Output mode here: How do I use landing pages? 1. To create a landing page, you will need to utilize a ...