Candu for Chrome

The Candu Chrome Extension gives you a no-code way to preview and embed your Candu content anywhere you have Candu installed!

There are four key actions you can take with the Chrome Extension:

  1. Preview both content or templates that you have built using the Candu editor and any pre-built Candu templates

  2. Embed both content or templates that you have built using the Candu editor and any pre-built Candu templates

  3. Review any content that has been embedded and disconnect it

  4. Check the installation status for any-page where you expect Candu to be installed


Preview Content

The Chrome Extension lets you place Candu content anywhere, so you can test how content fits in different areas of your product or website before going live to your users! Once you have created your content, you can easily use the 'Preview' button within the Candu Editor to launch your Chrome Extension or you can manually open the extension and preview 'My Content' that you have created or any pre-made or self-created template.

You can also switch between different 'Workspaces' when previewing content.

When you have selected the content or template you would like to 'Preview', you will see the highlighting tool appear. You can hover over the page and find the div/spot where you want to preview your Candu content - yellow means the space is available, red means it is not. You can then click on the area highlighted and your content will appear!

You can collapse the Chrome Extension and also hide the borders to get a real feel for how your Candu content looks and feels within your product.

You can hover over the page and find the div/spot where you want to preview your Candu content - yellow means the space is available, red means it is not.

Press Esc at any time or select the three dots and 'Remove Content' to exit out of the preview selector mode.

Press Esc at any time or select the three dots and 'Remove Content' to exit out of the preview selector mode.

If you want to make any edits before you embed your content, you can easily jump back into the editor using the 'Open the Editor' option.

Please find more information on Previewing Content here.


Embedding Content

After you have previewed your content and ensured everything looks perfect, its time to make your content live to your users!

Click the 'Embed Content Here' button in the Chrome Extension toolbar to embed your Candu content within your application. (If you have collapsed the Extension you will need to pop it back open!).

ℹ️ There will be a banner at the top of the extension letting you know 'Everything is ready to embed'. Candu must be installed and your domain whitelisted to be able to embed content successfully. If there are any issues the Chrome Extension will notify you under 'Installation Status'.

Please find more information on Embedding Content here.


Review Live Content

To review any and all content that has been embedded on a specific page, you can open the Chrome Extension and select 'Live Content'. This will open a list of all the content that has been embedded.

You are able to:

  • see the current status for each piece of content

  • see when the content was last edited

  • see how many Segments are associated with the piece of content and preview the content on a per segment view

  • disconnect the content/stop it from being viewed by your users


Check Installation Status

The Extension toolbar allows you to check the direct status of the page you are wanting to embed your content on. You can see if the Candu SDK has been successfully installed, which version you are on, and if your site has been successfully whitelisted. This is really helpful as a first place to go when troubleshooting any issues you may be having embedding content.

Did this answer your question?