How can we help? 👋

How to create pages with my own WordPress Template? (Elementor, Divi, etc.)

SEOmatic allows you to create content at scale for multiple pages using a WordPress template. It works seamlessly with popular page builders like Elementor, Divi, and others, enabling efficient and consistent page creation. This guide will show you how to get started.

Requirements

  • Elementor Pro, Divi or any page builder
  • A template built with a page builder
  • ACF plugin by WP Engine
  • ACF Field Key by SEOmatic plugin

Step-by-Step Instructions

Let’s take a look at what we aim to achieve. In this example, we will create multiple Service pages using an Elementor Template. The goal is to set up ACF (Advanced Custom Fields) and integrate these dynamic fields into our template.

 

Example of an Elementor Template

Notion image

Our ACF fields will be synced to SEOmatic, enabling us to create dynamic and SEO-optimized content.

Notion image
Notion image

With powerful tools such as Variables, Spin Syntax, and Generative AI, we can efficiently generate unique content for each service page. Below are examples of how the output might look:

Notion image
Notion image
Notion image

Now that you have a clear idea of what we’re going to do, shall we get started?

 
  1. Go to the Plugins section and install the following plugins:
      • Elementor Pro or Divi
      • ACF Plugin by WP Engine
      • ACF Field Key by SEOmatic. Download here: link
  1. If you're using your own Elementor template, ensure that it's set to the Single Page type. For this example, we'll use a service page template from the Elementor Library. To do this, go to Templates, select Add New Template, and choose the Single Page type.
    1. Notion image
      Notion image
  1. Go to ACF > Post Types and create a new post type. Name it "Services" since it will be used for the Service pages. This post type will store all the pages created using our template.
    1. Notion image
  1. Scroll down to the Advanced Settings section and ensure the following configurations are set to their default values.
    1. Notion image
  1. Go to ACF > Field Groups and add a new field group. Name it "Service." This group will contain all the ACF fields.
  1. Create all the ACF Fields that will be used in Elementor template.
    1. Notion image
      Notion image
      Notion image

      You can create any type of field under the Basic and Content categories (up to oEmbed). However, other field types are not supported.

      We recommend following this naming convention: sectionX_fieldtype_suffix (suffix applies only to Text Fields).

      For Text Fields, use the following suffixes:

      • _text: for single-line content (creates a single-line input in SEOmatic)
      • _text_area: for multi-line content (creates a multi-line input in SEOmatic)
      • _rich_text_editor: for rich-text content (creates a rich-text input in SEOmatic)

      If no suffix is provided, the Text Field defaults to a Rich Text Editor in SEOmatic.

      Important:

      • Make sure the Field Label and Field Name are exactly the same.
      • Ensure you use underscores (_) in the naming convention, not hyphens (-).
  1. Scroll down to Settings > Location Rules and ensure you add the appropriate location rules. The Post Type must be set to the custom type you just created (in this case, "Service").
    1. Notion image
  1. Go to Settings > Group Settings and ensure that the REST API is enabled for the ACF fields.
    1. Notion image
  • Next, return to your Elementor template (in Edit mode) and add the ACF fields by inserting dynamic tags into the template.
    • Notion image
      Notion image

      Simply click on the element, then select Dynamic Tags and choose the corresponding ACF field. Repeat this process for all elements in the template.

  • Once completed, click Publish. A message will appear asking, "Where do you want to display your template?" Add a condition and select the custom post type you created (in this case, "Service"). This tells WordPress to use the template for every page created under the Service custom post type.
    • Notion image
      Notion image
      Notion image
  1. Next, go to SEOmatic and create a new project. When connecting it with WordPress, select the custom post type you created (service).
    1. Notion image
  1. Click Next, and all your ACF fields will be synced with SEOmatic.
    1. Notion image
      Notion image

      Notice how different input types are generated based on the suffixes used for the Text Fields.

  1. To complete our example of service pages, we’ll upload a dataset with sample data related to Yoga services, including cities, classes, class schedules and benefits.
    1. Notion image

      Here is the link to an example of this Excel spreadsheet: link

  1. Go to the Data tab and click the Import button to upload the dataset as a CSV file or use the Google Sheets integration.
    1. Notion image
  1. We’ll then use some of our powerful features, such as Variables, Spin Syntax, and Generative AI, to create dynamic content.
    1. Notion image
  1. Click Next to generate the content for each page.
    1. Notion image
  1. Click Publish to publish your pages in WordPress. Here are examples of pages created:
    1. Notion image
      Notion image
      Notion image

Conclusion

Now that you've seen the process, try using it on your own template to create dynamic, SEO-optimized pages effortlessly with SEOmatic. Follow the steps carefully, and you should be fine!

Did this answer your question?
😞
😐
🤩