How to Embed a Google Sheet to Carrd

If you have a Carrd website and you want to display a Google Sheet there, this article will help you to do it.

Follow these steps:

1. Share Your Google Sheet
2. Created a Code Snippet
3. Paste the Code Snippet to a Carrd Page
4. How Your Carrd Page Will Look Like

Google Sheet Example:

For example, you have a pricing table in a Google Sheet that that you would like to embed.

This sheet might look like this:

How it will look in Carrd:

After you will have a beautiful responsive table that will be displayed on your Carrd website:

1. Share your Google Sheet

Open your Google Sheet that you would like to embed to your website

1. Click on the Share button in the top right corner

2. Choose Anyone with a link
3. Done

By default will be used your first left sheet (tab). If you would like to add another sheet, simply drag and drop this particular sheet to the left side to make the first one.

2. Created a code snippet

3. Paste the code snippet to a Carrd page

With Carrd website builder you can Embed a custom code. This feature is avalible in Carrd Pro plans.

Here is how you can embed a Google Sheeet to Carrd :

1. Open your Carrd and click edit.
2. Click + button and select an Embed element.

3. You should see an emty code block whish says No Code:

4. Scroll down in the left panel till you will find a Code text input field:

4. Paste the code snippet there from the previous step - Created a code snippet.

5. Change the width to full screen by scrolling the Width in the Appearance panel on the right. A height will be automatically adjusted based on your Sheet height.

6. Click on the Save button in the right top corner and select Publish changes.

7. Click on Visit Site

4. How your Carrd page will look like

You should see a Google Sheet table on the Carrd page. Your Carrd page elements like a navigation bar, a logo, a footer, etc. will stay the same, only inside the page, you will see a table like this: