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.