Introduction
The ASAP extension for Google Chrome is a nifty tool that helps you bridge your website with your knowledge base for the benefit of your customers/site visitors. This extension enables you to easily configure tooltips that display relevant help articles when customers hover over your website content. For instance, if you run an e-commerce business and you offer refunds for certain products, you can mention the refund option in the product detail page and display a tooltip that links to a help article on how to initiate a refund.
Each tooltip contains a brief gist of the help article and a View More link, which when clicked opens the complete article in the ASAP window on the webpage. You can display as many tooltips as you want on a webpage to ensure that relevant help articles are easily accessible for site visitors.
Additionally, you can provide a quick walk-through of your site/product to site visitors, using tooltips. All that you need to do is just create a guide by sequentially arranging the tooltips configured.
The extension works in tandem with the ASAP add-on for websites. Therefore, to be able to use the extension, you must first make sure that the add-on is enabled on your website.
Installing the Extension
To install the ASAP extension to your Google Chrome browser, perform the following steps:
- Visit this URL to open the detail page of the ASAP extension.
- Click the +ADD TO CHROME button.
A confirmation message appears.
3. Click the Add extension button.
The extension is downloaded and automatically installed to your Chrome browser. The extension icon appears on the toolbar of the browser, next to the address bar.
Adding Tooltips to Webpages
To add tooltips to your website or specific webpages, perform the following steps:
- Go to the webpage to which you want to add the tooltips.
- Activate the ASAP extension by clicking the icon on the toolbar.
The ASAP window appears on the webpage.
- Click the Add Tooltip button.
A web form appears.
- In the Tooltip Name field, enter a name for the tooltip.
- Then, click the Add Trigger button.
Trigger refers to the mouse action that displays the tooltip on the page. The two triggers available are mouse click and mouse hover.
- Next, on the webpage, click the text to be connected to the tooltip.
- In the Choose Article field, start typing the title of the article that you want to link to the tooltip.
- A list of articles that begin with those words appears. Click the title of the article you want to link to the tooltip.
- In the Tooltip Size and Activate Trigger drop-down lists, select the option that you want.
- In the Add Tooltip Text box, enter the text that must appear in the tooltip.
- Below the text box, choose the color for the tooltip.
- Click Save.
The tooltip you created will now appear on the page when the trigger action is performed.
To edit the tooltips you created, perform the following steps:
- Activate the ASAP extension by clicking the icon on the toolbar.
The ASAP window appears on the webpage.
- Under the Tooltips tab, hover over the tooltip that you want to edit.
- Click the Edit icon that appears next to the name of the tooltip.
- The tooltip detail form appears.
- Make the changes required.
- Click Update.
To delete tooltips, perform the following steps:
- Activate the ASAP extension by clicking the icon on the toolbar.
The ASAP window appears on the webpage.
- Under the Tooltips tab, hover over the tooltip that you want to delete.
- Click the Delete icon that appears next to the name of the tooltip.
A confirmation message appears, asking if you are sure about deleting the tooltip.
- Click the Delete button.
The tooltip is deleted.
Creating Guides
A guide is a sequential arrangement of tooltips, which helps provide a walk-through of your site/product to site visitors. More than one tooltip are required to create a guide. Therefore, make sure to first create all the tooltips required for the sequence you want to display.
To create a guide, perform the following steps:
- On the ASAP window, click the Guides tab.
- Under the Guides tab, click the Create Guide button.
The list of tooltips configured on the page appears.
- Enable the tooltips that must be part of the guide and disable the tooltips that are not required.
- Drag and drop the tooltips to arrange them in the order required for the guide.
- To view the sequence of the guide on the web page, click the Preview button.
A preview of the guide opens in a new tab.
- Check if the guide works in the sequence intended.
- Switch to the ASAP window and:
- If the sequence of the guide works as intended, click the Save button.
- If the sequence of the guide needs to be changed, rearrange the tooltips as required, and then click the Save button.
The guide is created.
Editing Guides
Editing a guide involves enabling or disabling tooltips or rearranging the order of tooltips.
To edit a guide, performing the following steps:
- On the ASAP window, click the Guides tab.
- Click the name of the guide configured for the page.
The URL of the page and the tooltips configured on the page appear.
- Enable or disable tooltips using the corresponding toggle keys and rearrange the tooltips if required.
- Click the Preview button.
A preview of the guide opens in a new tab. - Check if the guide works in the sequence intended.
- Switch to the ASAP window and:
- If the sequence of the guide works as intended, click the Update button.
- If the sequence of the guide needs to be changed, rearrange the tooltips as required, and then click the Update button.
The guide is updated.
Besides in the ASAP window, you can manage tooltips and guides from the ASAP setup page in Zoho Desk too. Here's how you can do it.
As soon as you install the ASAP extension in Chrome and start creating tooltips, an extra tab called GOOGLE CHROME EXTENSION appears in the ASAP setup page.
On this tab, you can also view the metrics related to the tooltips and guides you created. These metrics include the number of tooltips and guides on your website and the number of times each tooltip was viewed.
Managing Tooltips
To delete a tooltip, first click the TOOLTIPS sub-tab on the GOOGLE CHROME EXTENSION tab.
Hover over the name of the tooltip that you want to delete, and click the Delete tooltip icon.
Then, click the Delete button on the confirmation dialog box that appears.
The tooltip is deleted.
To disable a tooltip, hover over the name of the tooltip, and click the Disable toggle button that appears.
The tooltip is disabled immediately.
Managing Guides
To delete a guide, first click the GUIDES sub-tab on the GOOGLE CHROME EXTENSION tab.
Hover over the name of the guide that you want to delete, and click the Delete guide icon.
Then, click the Delete button on the confirmation dialog box that appears.
The guide is deleted.
To disable a guide, hover over the name of the guide, and click the Disable toggle button that appears.
The guide is disabled immediately.