Webflow Integration

This document describes how to complete a basic Eartho integration in a web app.
1. Before we start, make sure you completed step 1.
Step 1 - Create your first project
2. Install the SDK and initialize Eartho One
WEBFLOW
​
1.Copy this code and paste in Webflow settings

Header Code 
Add this at the bottom of the editor frame. 
--- Don't forget to change the values ---
 <script src="https://cdn.jsdelivr.net/npm/@eartho/one-client-js@1.2.2/dist/eartho-one-js.production.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/@eartho/one-extens[email protected]/dist/one-extension-content.production.js"
    clientId="<YOUR_EARTHO_CLIENT_ID>"
    accessDeniedPageUrl="<YOUR_EARTHO_DENIED_PAGE_URL>"></script>
​
2.Add the following attributes to control your content

Login Button
Add this attribute to any element that you want make as login button.
key: eartho-access-connect  
value: <ACCESS_ID_COPY_FROM_STEP_1>

Page Control
Add this attribute to any element in a page that you want to block on your site.
key: eartho-access-page  
value: <ACCESS_ID_COPY_FROM_STEP_1>

Element Control
Add this attribute to any element that you want to hide content on your site.
key: eartho-access-content  
value: <ACCESS_ID_COPY_FROM_STEP_1>
Last modified 7mo ago