Display a Google Sheet to your Webflow website as an embedded table. All changes in Google Sheet will be automatically updated in Webflow.
If you have a Webflow website and you want to display a Google Sheet there, this article will help you to do it.
For example, you have a pricing table in a Google Sheet that that you would like to embed.
This sheet might look like this:
After you will have a beautiful responsive table that will be displayed on your Webflow website:
Open your Google Sheet that you would like to embed to your website
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.
With Webflow website builder you can Embed a custom code. This feature is available in Webflow paid plans including the cheapest plan. Here is how you can embed a Google Sheet to the Webflow page:
Here is how you can embed a Google Sheeet to Webflow page:
Open the Webflow website.
Choose a page what you where you want to add a Google Sheet.
Open an elements panel on the left and drag and Drop a container element. This element will be a place for embedding our Google Sheet
You should see that embed element will appear on the published/exported website:
If you did everything correctly the embed Google Sheet should be displayed on your Webflow website
You should see a Google Sheet table on the Webflow page. Your Webflow 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:
If you need any help with adding a Google Sheet to Webflow please chat with our support and I will be happy to help you.
Explore More examples that were made by people using Sheet2Site with a Premium Tempaltes:
In Sheet2Site paid plans there are many beautiful templates that you can use in your Webflow website.