Links

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.

2. Install the SDK and initialize Eartho One

WEBFLOW
​
  1. 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/[email protected]/dist/eartho-one-js.production.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@eartho/[email protected]/dist/one-extension-content.production.js"
    clientId="<YOUR_EARTHO_CLIENT_ID>"
    accessDeniedPageUrl="<YOUR_EARTHO_DENIED_PAGE_URL>"></script>
    ​
  2. 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>