BLACK FRIDAY: 50% OFF all Pro plans
Pro from $18 a year or $60 lifetime, no code needed
Ends Cyber Monday, 30 Nov. Lock in the price today
Get 50% Off
Free widget

Blockquote Widget for Elementor Free

Show a quote with its author, photo and source.

Overview

What Blockquote does

Blockquote shows a quote in one of five styles, with the name, role or source and an optional photo of the person quoted. Use it for pull quotes in articles, expert opinions or a short customer comment.

Live demo

See it in action

Speed is a feature. Every extra second a page takes to load costs you visitors who never come back.

Features

What it can do

  • Five styles: side border, big quote mark, card, centered and pull quote.

  • Optional drop cap that makes the first letter large, like a printed article.

  • Built-in quote mark, or pick your own icon.

  • Name, role or source, and a source link that also tells browsers where the quote comes from.

  • Optional photo with a choice of image size.

  • One accent color for the side border, quote mark and drop cap.

  • Full box styling: background, padding, border, radius and shadow.

Use cases

When to use it

Articles

Break up long posts with a pull quote that repeats a key line.

Expert quotes

Quote a specialist with their photo, role and a link to the source.

Case studies

Show what a client said inside a card next to the project details.

Setup

How to set it up

A few steps from adding the widget to a finished result.

  1. Drag the Blockquote widget onto the page.

  2. In Quote, choose a Style and type the Quote.

  3. Switch on Drop Cap or Quote Icon if you want them.

  4. In Author and Source, fill in Name, Role or Source, Source Link and Photo.

  5. Set the Alignment.

  6. In the Style tab, set the Accent Color and style the quote text and author.

FAQ

Questions and answers

Can I show a quote without a person?

Yes. Leave Name, Role or Source and Photo empty and only the quote shows.

What does Source Link do?

It turns the role or source text into a link and tells browsers where the quote comes from.

Can I use my own quote icon?

Yes. In the Big Quote Mark, Card and Centered styles, pick any icon under Custom Icon.

Free forever

Blockquote is free

It is one of 48 widgets in the free Bright Addons plugin. Each widget loads its code only on pages that use it.