Overview

Learn what elements are, why they matter for your store, and how to add them to your blog posts.

What are Elements?

Elements are the building blocks of every blog post in SEO On Blog. Instead of writing in one continuous text box like a traditional editor, you build your post by stacking independent content blocks - each one is an element.

Think of it like building with LEGO: each piece has a specific shape and purpose. You pick the pieces you need, arrange them in order, and the result is a complete blog post.

Every element is:

• Independent - has its own settings and content

• Movable - drag to rearrange anytime

• Configurable - click to customize appearance and behavior

• Reusable - save as a component and use across multiple posts

---

Why Elements Matter for Your Store

1. Sell products inside your blog posts

Traditional blog editors only let you write text. With elements, you can embed products, checkout buttons, and CTA banners directly in your content. Every blog post becomes a sales page - readers discover your products in context and buy without leaving the article.

2. Rank higher on Google

Elements like Table of Contents, FAQs, and Recipe automatically generate structured data (schema markup) that Google uses for rich results. Your posts get more visibility in search with star ratings, FAQ dropdowns, jump links, and recipe cards - all without writing a single line of code.

3. Create professional content without a designer

Two-column layouts, image galleries, before/after sliders, testimonials, countdown timers - elements that would normally require a web designer are available with one click. Your blog looks like it was built by a professional content team.

4. Keep readers engaged longer

Walls of text drive readers away. Elements break your content into visually varied sections - images, videos, quotes, product cards, social embeds - keeping readers scrolling and reducing bounce rate. Lower bounce rate = better Google rankings.

5. Save time with reusable components

Configure an element once (your branded CTA banner, standard product layout, testimonial format), save it as a component, and reuse it across every post. Consistency without repetitive work.

How to Add Elements

There are 3 ways to insert an element into your post:

1. Elements Library (Left Panel)

Open the Elements tab in the left panel → browse categories → click any element to insert it at the cursor position.

2. The "+" Button

Between every two elements in the editor, a "+" button appears on hover. Click it to insert a new element at that exact position.

3. Slash Command

Type / anywhere in the editor to open a quick search. Start typing the element name (e.g., /image, /faq, /product) and select from the dropdown. This is the fastest method.

---

Tips for Building Great Posts

Start with structure

Before adding content, plan your post structure:

1. Heading - Title of the section

2. Paragraph - Your content

3. Visual - Image, video, product, or embed

4. CTA - What should the reader do next?

Repeat this pattern for each section. It creates a natural rhythm that keeps readers engaged.

Use the right element for the job

If you want to...	Use this element
Show a product	Product, Product Card, or Text & Product
Get readers to buy	Checkout Button or CTA Banner
Add social proof	Testimonials or social embeds
Help readers navigate	Table of Contents
Boost SEO	FAQs, Recipe, Author, Heading structure
Create urgency	Event Countdown
Show before/after	Image Compare

Save time with components

Found a layout you love? Save it as a component:

1. Configure the element exactly how you want it

2. Click the save/component option in the toolbar

3. Name it (e.g., "Standard CTA Banner", "Product Spotlight Layout")

4. Reuse across all future posts with one click

Set defaults

Tired of reconfiguring the same font size and colors? Set default settings for each element type. Every new instance starts with your preferred style.

---

Plan Availability

Plan	What you get
Free	10 basic elements
Pro & Advanced	30+ elements

All plans include saved components, default settings, and drag-and-drop editing.