E
E
Eartho Docs
Eartho. Docs - Infrastructure
Search
K
Links
Comment on page

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/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. 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>