Webflow Configuration

Prerequisites

  • Paid "Basic" account required

Configuration Steps

Javascript Snippet Setup

  • After clicking into your project, click the "W" icon in the menu on the left side and choose "Project Settings".
  • In the submenu near the top of the screen, choose "Custom Code".
  • Copy and paste the javascript snippet into either the "Head Code" or "Footer Code" boxes.
  • Replace example-tenant-name with your tenant name in the javascript snippet.
  • Click the "Save Changes" button.

HTML Snippet Setup

  • Go to Webflow's "Designer" screen. You can access this by clicking the "Designer" button at the top of the "Project Settings" screen or by going to your Dashboard and clicking into your project.
  • In the menu on the left side, click the Pages icon (or press the P key on your keyboard).
  • Click the name of any page where you would like to add the integration, or create a new one.
  • Choose an insertion point by clicking somewhere in the body of the page.
  • Click the Plus icon in the menu on the left side (or press the A key on your keyboard).
  • In this "Add" menu click "Embed" under "Components"
  • Copy and paste the HTML snippet for the page you are creating.
  • Click the "Save & Close" button, near the bottom of the popup.

Review all pages. If you find that you need to adjust space around the Mariana integrations, you can do this on a global level or page-by-page. For global adjustments, visit "Project Settings > "Custom Code" and add CSS inside opening and closing <style> tags. For local adjustments, add an "Embed" component while editing the page.