The HTML Content Code Block allows you to embed HTML code within any card in your Nucleus - including a map from Google.

Here's what it will look like after following these instructions:

STEP 1: Go to Google Maps and find your church using the search bar or manually.

STEP 2: Click the "Share" button underneath "Directions".

STEP 3: Click "Embed a map" in new window that appeared.

STEP 4: Copy the HTML code by clicking the "COPY HTML" button.

STEP 5: Go to the card you wish to add the map to. Drag and drop an HTML Code Content Block where you desire the map to appear.

STEP 6: Paste the HTML code from Google Maps into the field in the left sidebar. Your map should auto-populate the space in your card's timeline.

NOTE: If the sidebar doesn't appear, click on the blank HTML Code Content Block on your card timeline.

STEP 7: In the code, find where it says width="600" and change it to say width="100%".

STEP 8: Scroll up to the top of your card and click the "Create" or "Update" button in the top right corner. Then click the eye icon to preview your map on the front-end of your card.

STEP 9: Examine your map to see if the height suits you. If not, you can adjust the height by editing the HTML code the same way you did with the width. This time, don't use the % sign; simply change the number as higher or lower than the original 450 to make the map height taller or shorter. Adjust the map height to your liking.

NOTE: After you're satisfied with all your adjustments, always make sure to save your work.

Did this answer your question?