How to Embed a Google Sheet to Carrd

Add a Google Sheet to your Carrd website as an embedded table. All changes in Google Sheet will be automatically updated in Carrd.


image

If you have a Carrd website and you want to embed 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 can be added to 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

  1. Choose Anyone with a link
  2. 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

Copy Google Sheet Link:

image

Paste Google Sheet link:

Press the button:


Copy this 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.

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

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

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

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

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

  1. 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:

Need help?

If you need any help with adding a Google Sheet to Carrd please chat with our support and I will be happy to help you.



More Website Examples

Explore More examples that were made by people using Sheet2Site with a Premium Tempaltes:



Premium Templates

In Sheet2Site paid plans there are many beautiful templates that you can use in your Carrd website.