Special Block

Accordion Block

The Accordion Gutenberg block for WordPress allows you to display information in collapsible rows. This block is usually used to display text heavy content such as FAQs or to manage the display of different content in your page.

With our Accordion, you can…

  • Display your Frequently Asked Questions / FAQs
  • Organize documentation type content
  • Create product FAQ sections
  • Show online class schedules

Accordion Block

Description for this block. Use this space for describing your block. Any text will do. Description for this block. You can use this space for describing your block.

Block Layouts

Choose from the following block layouts:

  • Default
  • Plain
  • Shadow
  • Colored
  • Plus

Styling Options

Style your block with the following inspector and toolbar options:

  • Open at the Start Option
  • Close Adjacent on Open Option
  • Choose icon on open and on close
  • Block Background, Size & Spacing, Borders & Shadows Options
  • Container Background, Size & Spacing, Borders & Shadows Options
  • Dynamic Content
  • Transform & Transition Effects
  • Motion Effects

Best Used With

Customize your call to action to your website’s needs with the following blocks:

Here are some other samples of our block

You may also check out how these samples were designed by watching our video on it or copying the block’s code.

Pricing Plans

Input your description here.

$ 12 .00

Input your subtitle here.

Plan Inclusions

  • Plan inclusion 1
  • Plan inclusion 2
  • Plan inclusion 3
$ 16 .00

Input your subtitle here.

Plan Inclusions

  • Plan inclusion 1
  • Plan inclusion 2
  • Plan inclusion 3
$ 20 .00

Input your subtitle here.

Plan Inclusions

  • Plan inclusion 1
  • Plan inclusion 2
  • Plan inclusion 3

Heading and text nested in a column followed by a 3-column layout with a nested price block, subtitle block and accordion with an icon list block

FAQs

Input your description here.

Question 1

Description for this block. Use this space for describing your block. Any text will do. Description for this block. You can use this space for describing your block.

Question 2

Description for this block. Use this space for describing your block. Any text will do. Description for this block. You can use this space for describing your block.

Question 3

Description for this block. Use this space for describing your block. Any text will do. Description for this block. You can use this space for describing your block.

2-Column layout with a nested heading, text and 3 accordion blocks

Frequently Asked Questions

Description for this block. Use this space for describing your block. Any text will do.

Glasses Care

Question 1

Description for this block. Use this space for describing your block. Any text will do. Description for this block. You can use this space for describing your block.

Question 2

Description for this block. Use this space for describing your block. Any text will do. Description for this block. You can use this space for describing your block.

Sunglasses Care

Question 3

Description for this block. Use this space for describing your block. Any text will do. Description for this block. You can use this space for describing your block.

Question 4

Description for this block. Use this space for describing your block. Any text will do. Description for this block. You can use this space for describing your block.

heading and text block followed by two 2-column layout with a heading on the left and 2 accordions on the right

Discover a whole new experience of web design

No matter who you are, blogger, merchant, designer, developer, we guarantee you’ll want Stackable.