Bubble Integration

This document describes how to complete a basic Eartho integration in a web app.

1. Before we start, make sure you complete step 1.

1️⃣Step 1 - Create your first project and access point

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-extension-content@1.0.0/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>