Welcome to Viafoura! Our digital experience platform is designed to help you activate your audience, grow registrations and retention, and leverage first-party data to create targeted content and revenue strategies.
The documentation you’ll find in this hub provides all the information you need to implement our solutions.
Ready to get started?
This document is intended for Viafoura customers and requires your domains to be allow-listed on our platform. Please contact [email protected] to have your domains activated.
We currently support port 80 for HTTP, and 443 for HTTPS. Please ensure your site is accessible from one of these two ports before installing Viafoura. All API requests are made over HTTPS to limit the potential security risks involved with unencrypted sessions.
This script is our "entry point" which will scan the DOM and determine what Viafoura components you have on the page. It will make a couple of small requests, and set the page up with
IntersectionObserver listeners that will load more scripts and stylesheets as Viafoura components appear on the page.
Place the code below wherever you want it to be placed on your page. It is recommended to wrap all Viafoura tags within their own
Example: Viafoura Conversations component with a [container-id].(https://documentation.viafoura.com/docs/container-ids).
The conversations tool allows users to comment on a page.
<div class="viafoura"> <vf-conversations vf-container-id="your-unique-container-id"></vf-conversations> </div>
See detailed conversations implementation instructions
Setting minimum heights
Each element that will render a Viafoura product should have a minimum height set. This helps ensure that when the product loads the page shift that occurs is minimal and has little-to-no effect on your Cumulative Layout Shift score. You can find our suggested heights for each product and learn more about how our tools may impact Core Web Vitals scores here.
Server Side Rendering
If using server side rendering the Viafoura components should not be hydrated.
Refresh the page and you should see the tools you have implemented on the page. For example, if you have placed the conversations tool on the page you should see the following:
Our browser support is based on a rolling relative version support system (with exceptions) that is updated each build and automatically ensures backwards compatibility based on a rule set listed below.
- Chromium based browsers (Chrome, MS Edge): last 5 versions
- Firefox: last 5 version
- Apple Safari: last 5 versions
We try to ensure that these are functionally consistent across browsers
*MS Internet Explorer 11 support has been deprecated and is no longer supported.
Updated 3 months ago