• Menu
  • Skip to right header navigation
  • Skip to main content
  • Skip to primary sidebar

Before Header

Why Genesis is the Foundation of Any Smart WordPress Design ↴

Flagship Content

Web design tutorials for service business owners.

  • Search
  • Home
  • Start Here
  • Content
    • About
    • Flagship Content: How is it different to cornerstone content?
    • Homepage Content Blueprint
    • Content needed for a Service Business website
  • DIY Page Layouts
    • Start Here
    • Atomic Blocks Layouts
      • View The Layouts
      • Using Layouts
      • Adding blocks to an Atomic Blocks layout
      • Tips For Using Layouts
      • Problems and Solutions
    • Examples of Atomic Blocks
    • List of Atomic Blocks
    • List of WordPress Blocks
    • Block Navigation
    • Eye Candy
    • Tips for New Users
    • Blocks that Serve a Specific Purpose
  • Navigator Page
  • Search
  • Home
  • Start Here
  • Content
    • About
    • Flagship Content: How is it different to cornerstone content?
    • Homepage Content Blueprint
    • Content needed for a Service Business website
  • DIY Page Layouts
    • Start Here
    • Atomic Blocks Layouts
      • View The Layouts
      • Using Layouts
      • Adding blocks to an Atomic Blocks layout
      • Tips For Using Layouts
      • Problems and Solutions
    • Examples of Atomic Blocks
    • List of Atomic Blocks
    • List of WordPress Blocks
    • Block Navigation
    • Eye Candy
    • Tips for New Users
    • Blocks that Serve a Specific Purpose
  • Navigator Page

Blocks that serve a specific purpose

Atomic Blocks is tailor made for solving some of the specific problems that service businesses face. Such as displaying your testimonials or frequently asked questions.

You are here: Home / Atomic Blocks Tutorials / Blocks that serve a specific purpose

The blocks listed below provide easy solutions to common problems

These blocks are either built in to WordPress or part of the Atomic Blocks plugin. These are blocks that serve a specific purpose. As such, they make it easy to add specific features to your web page, such as a pricing table etc.

The Notice Block

Have you got something important you want to draw attention to? Then place that message in a notice block.

It really is hard to miss.


Quotes and Pull Quotes are hard to miss!

This is jolly useful, isn’t it?

The Testimonial block…

I put these two testimonial blocks inside an advanced columns block.

This is a ready made testimonial block. Just add the testimonial, then add the name and job title. And don’t forget to add an avatar image to increase credibility.

avatar

Sam Smith

Small business owner

This is a ready made testimonial block. Just add the testimonial, then add the name and job title. And don’t forget to add an avatar image to increase credibility.

avatar

Sam Smith

Small business owner

Share buttons make it easy for your readers to tell their friends about your site and your business.

  • Share on Twitter
  • Share on Facebook
  • Share on LinkedIn

The Profile block

The profile block looks like the testimonial block but it’s purpose is different. The profile block Highlights the author of this page. You’ve put a lot of time and effort into writing the page, make sure the reader knows who you are and how to contact you if they need your services.

Ben West

Social Media Assistant

Ben takes the hard work out of your social media posting and updating. He selects and connects with the right contacts. Then helps you build reciprocal relationships with businesses that you can help.

  • Website
  • Twitter
  • Facebook
  • LinkedIn
  • Email

Pricing Tables

The pricing tables block is easy to use but it is fiddly to set up. For instance, you have to change the color of each text block independently. However, it has enough customization options to enable you to build good looking, professional pricing tables for your service business.


Basic
Price Subtitle Description
$
49
/mo
  • Product Feature One
  • Product Feature Two
  • Product Feature Three
More Info
Premium
Price Subtitle Description
$
149
/mo
  • Product Feature One
  • Product Feature Two
  • Product Feature Three
More Info
Intermediate
Price Subtitle Description
$
99
/mo
  • Product Feature One
  • Product Feature Two
  • Product Feature Three
More Info

The Accordion block

The Accordion block is most commonly used when adding Frequently Asked Questions (FAQs)to your page. But with a bit of careful thought, it can be used in many other situations.

Will the reader open the accordion?

I set this first accordion block to be open by default. That way, the reader can’t fail to see how the accordion opens when you click it.

What is progressive disclosure?

It’s the process of hiding extra information from people who don’t want to read it.

But making that extra information easily available to people who do want to read it.

Progressive disclosure helps yo keep your pages clean and uncluttered. Whilst also making the information easily available.

How do I put two Accordion blocks on one row?

I used the Advanced Columns block to place two accordion blocks side by side. Unless you place the accordion blocks in columns, they will sit one on top of the other.

Can I put images in an accordion?

Yes, I put an image in this accordion to show you what it looks like with an image inside.

Example of an image inside an accordion block.
Hello my name is Buttons.

The Newsletter block

Mailchimp offers several signup forms that you can easily copy and paste into your website. However, this newsletter signup form is easy to use and looks great. To have more control over the design of your newsletter sign up block, you could place the newsletter block inside a container block.


Tables

You should only use the tables block when you need to add tabular data to your page. Don’t use it as an easy way to layout your pages.

This is a table.I built it using the Table block.
Only use tables for tabular data.Don’t use tables as a layout tool!
The table block is basic.But it’s easy to use.

Headings, paragraphs and lists

Don’t forget the simple blocks. Much of your page will usually be made up of these. Whenever you add a new block to your page, it will automatically start out as a paragraph block. So to use the paragraph block, just type into the page.

To use any other type of block, make sure you select the block type you want to use, before adding any content to that block.

  • The list block comes in very handy.
  • Especially when you’re making lists.
  • You can have a bulleted list or a numbered list.

Drop cap: the drop cap looks great in illustrated manuscripts from hundreds of years ago. But I’m not sure how relevant it is today. Especially when displayed on modern computer screens. The drop cap is a fun feature that is easy to add to your page. But how useful is it? I’ll let you decide that one.


The spacer with divider

You might have noticed that each section of this page is preceded with a dividing line. I did this using the Atomic Blocks spacer block. WordPress has a built in spacer block. But that block does not have the divider option.

Looking for a StudioPress theme or hosting?

Check out the two links below…

Get Premium WordPress Themes

Buy a StudioPress theme outright and use it on all of your sites. There are three ways to get all of the StudioPress themes AND save.

Get Premium WordPress ThemesChoose Your Theme

Get Genesis Framework & StudioPress Themes free.

When you sign up for a WP Engine plan, you receive the Genesis Framework and 36 StudioPress Themes free. That’s over $2,000 in value.

Get Genesis Framework & StudioPress Themes free.Free themes with hosting

High Quality Hosting

Filed Under: Atomic Blocks Tutorials

Previous Post: « Blocks that add visual appeal to your page
Next Post: What to put on the homepage of your service business website »

Site Footer

Privacy & Cookies: This site uses cookies. By continuing to use this website, you agree to their use.
To find out more, including how to control cookies, see here: Cookie Policy

Copyright © 2023 · Mai Law Pro on Genesis Framework · WordPress · Log in