How to Add a Block Quote in Webflow
In this article
This guide will walk you through the process of adding a block quote element to your Webflow project. Block quotes are useful for highlighting quoted text on your webpage.
Explore more Webflow tutorials with interactive Saltfish walkthroughs.
Here's how to add a block quote in Webflow
- Open the Add Elements Panel
To begin, locate and click the "Add Elements" button situated in the left sidebar of your Webflow designer interface. This action will open a panel displaying various elements you can add to your page.
- Access the Search Bar
Within the newly opened elements panel, find the "Search elements" input field. Click on this field to activate it, preparing it for your search query.
- Search for "Block Quote"
In the search bar, type "quote". This will filter the list of available elements, making it easier to find the specific "Block Quote" element you wish to add.
- Select the Block Quote Element
From the filtered search results, click on the "Block Quote" element. This action will automatically add the block quote to your current page design.
- Verify Block Quote Addition
After clicking, confirm that the "Block Quote" element has appeared on your page. It will be visible in the canvas area, ready for you to customize its content and styling.
Your turn to show how it works.
Build a walkthrough of your product with Saltfish, then share it with your customers.
Frequently Asked Questions
The "Add Elements" button is located in the left sidebar of the Webflow designer, typically represented by a plus (+) icon.



