When you’re ready to view content in your application, you can use the Candu Chrome Extension to preview your creation and test that it seamlessly integrates with your existing UI.
Check out the below short video for everything you need to know about Previewing content!
Google Chrome Extension
Roll Out the Red Carpet for Your Content
Ensure your content looks perfect before your users see it in your application, even before you install Candu! The Preview Chrome extension lets you place Candu content anywhere, so you can test how content fits in different areas of your product or website.
It will do its best to mirror the page's styles to get a real sense of what the content will look like and how it fits into the page.
First, please make sure you have the extension downloaded. We recommend pinning it to the top of your URL bar for quick access!
Once the extension download is complete, log into Candu.
There are four key actions you can take with the Chrome Extension:
Preview both content or templates that you have built using the Candu editor and any pre-built Candu templates
Embed both content or templates that you have built using the Candu editor and any pre-built Candu templates
Review any content that has been embedded and disconnect it
Check the installation status for any page where you expect Candu to be installed
You can select the content you want to Preview and then hover over the page where you want the content to appear.
You will see green highlighted space, which indicates a div on the page (or, as we like to say, 'real estate') where your Candu content can be embedded.
If you see a blue highlighted space, the content cannot be embedded there.
🤩 Pro Tip: You can click the 'Hide borders' option to remove the extension borders and get a feel for how your content will look in your product or website.
If you like how everything looks, you can embed your content directly into the extension. For more information on 'Embedding Candu Content,' check out this guide!
If you want to try another spot on the page, simply hit 'Esc' on your keyboard and relaunch the extension to try new content and try them out wherever you like (we recommend it in your application, but the extension will work anywhere).
ℹ️ If there are no spaces where you think your content works, you may need to get one of your developers to add a new div to the page to host your Candu content specifically.
Previewing Content for Multiple Segments
You can use the Candu Chrome Extension as usual and alternate between your different Segments to visualize the experiences for different user groups. Simply use the drop-down on the left-hand side and switch between your Segments to view changes in the content and experience!
Preview from the Candu Editor
If you are busy creating or tweaking content and want to Preview it, you can click the 'Preview' option at the top right-hand side of the Editor and input a page where you would like to test your content.
Once you have entered a URL in this box, it will be remembered, making it easy to Preview as you create. You can then use the Chrome Extension as usual to Preview your Candu content!
Previewing via the Share Page
Once you have published your content, you can use the 'Share page' feature from within the editor to preview it. This generates a URL to view your content and check that responsiveness, interactions, and content changes are working as expected.
Simply ensure the permissions are set to 'can view,' click Share > Copy Link, and paste this into a new Tab.
Voila - you can preview your creation and share the link with colleagues to get their thoughts and feedback (or just show it off 😉 ).