diff --git a/micro-service/README.md b/micro-service/README.md index 03e5b00d..f2f6783d 100644 --- a/micro-service/README.md +++ b/micro-service/README.md @@ -15,9 +15,9 @@ The JS file used to embed these widgets is hosted on GitHub and picked up by [js That's it! Your updated version of the apollos-embeds will be available for use. -_⚠️ React needs to be imported in every file it is used, otherwise the js build file will error when you embed it in your website._ +_⚠️ React needs to be imported in every file it is used, otherwise the js build file will error when you embed it in your website._ -*** +--- # Using Embeds in Webflow @@ -25,6 +25,7 @@ _⚠️ React needs to be imported in every file it is used, otherwise the js b Copy the following script tags into your Webflow website. In your Dashboard, you should see the tab 'Custom Code'. Scroll to the bottom and paste the following script tags in the Footer Code block: html + ``` @@ -45,6 +46,7 @@ Add the class `apollos-widget` to both of those divs. This is necessary for the image ## 4. Adding Custom Attributes: + To control which embed shows up in which div and what church content is displayed, we use 'data-attributes' or 'Custom attributes' in Webflow. For the 'Auth' embed, add `data-type="Auth"` and `data-church=[INSERT_CHURCH_SLUG_HERE]` as custom attributes. Here's an example for Bayside: @@ -63,7 +65,6 @@ For the 'FeatureFeed' embed, which displays the church's content, add `data-type image - _⚠️ Make sure to replace [INSERT_CHURCH_SLUG_HERE] with your church's unique identifier, or 'slug'._ ### Enabling Caching for Local Frustration @@ -76,50 +77,47 @@ In this file, locate the header configuration within the `apollosApiLink` functi ```javascript 'x-cache-me-not': 1, - +``` ### Options -| data-type | -|----------------| -| Auth | -| FeatureFeed | - -| data-church | -|---------------------------| -| apollos_demo | -| bayside | -| cedar_creek | -| celebration | -| chase_oaks | -| christ_fellowship | -| city_first | -| community_christian | -| crossings_community_church| -| crossroads_kids_club | -| crossroads_tv | -| default | -| eastview | -| eleven22 | -| fairhaven | -| fake | -| fake_dag_church | -| fellowship_greenville | -| fellowship_nwa | -| hope_in_real_life | -| king_of_kings | -| lcbc | -| liquid_church | -| newspring | -| oakcliff | -| real_life | -| river_valley | -| try_grace | -| willow_creek | -| woodmen | -| ymca_gc | - - -*** - - +| data-type | +| ----------- | +| Auth | +| FeatureFeed | + +| data-church | +| -------------------------- | +| apollos_demo | +| bayside | +| cedar_creek | +| celebration | +| chase_oaks | +| christ_fellowship | +| city_first | +| community_christian | +| crossings_community_church | +| crossroads_kids_club | +| crossroads_tv | +| default | +| eastview | +| eleven22 | +| fairhaven | +| fake | +| fake_dag_church | +| fellowship_greenville | +| fellowship_nwa | +| hope_in_real_life | +| king_of_kings | +| lcbc | +| liquid_church | +| newspring | +| oakcliff | +| real_life | +| river_valley | +| try_grace | +| willow_creek | +| woodmen | +| ymca_gc | + +--- diff --git a/web-embeds/README.md b/web-embeds/README.md index 6cf3e844..0f23cafb 100644 --- a/web-embeds/README.md +++ b/web-embeds/README.md @@ -130,4 +130,3 @@ In this file, locate the header configuration within the `apollosApiLink` functi | ymca_gc | --- -```