No results found. Try again with different words?
Search must be at least 3 characters.
- Getting Started With Starter Templates
- How to Install Starter Templates (Free) Plugin?
- Building Your Website With Starter Templates
- Premium Starter Templates – Install and Activate License
- Starter Templates — Basics and FAQs
- How to import Starter Templates with WP CLI Command
- Understanding Starter Templates Compatibility Across Themes
- Create Multilingual WordPress Websites with Starter Templates
- Why You Need to Connect Starter Templates with ZipWP AI Website Builder
- Starter Templates – Patterns
- Getting Started With Starter Templates
- Starter Templates Importing
- How to Import A Complete Site With Starter Templates?
- How to Import Single Page With Starter Templates?
- Importing Gutenberg Pages, Patterns, and Kits
- Starter Templates – Elementor Popup
- How to Fix Starter Template Importing Issues
- Building Your Website With Starter Templates
- Starter Templates FAQs
- Select Preferred Page Builder While Importing Classic Starter Templates
- Starter Templates Importing
- How to Import A Complete Site With Starter Templates?
- How to Import Single Page With Starter Templates?
- Importing Gutenberg Pages, Patterns, and Kits
- How to Fix Starter Template Importing Issues
- How to import Starter Templates with WP CLI Command
- Required for Import: Enable Elementor’s Flexbox Container
- We are facing a temporary issue in importing this template
- Error 406 while importing Starter Templates on your WordPress website
- How to Enable Single Page Import Button with White Label
- How to Set Up Your E-Commerce Store With Starter Templates
- How to Set Block Editor as the Default Page Builder In Starter Templates
- How to Enable/Disable Elementor While Importing Starter Templates
- Filter to Remove Starter Templates Button on Post Types
- Mountain Template With Elementor Theme Style
- Starter Templates – Restore Customizer Backup
- Starter Templates – Free Images from Pixabay
- How to Fix Starter Template Importing Issues
- Starter Templates FAQs
- Curl Support Missing Error – for the Administrators
- We are facing a temporary issue in importing this template
- cURL error 60: unable to install Astra Pro plugin
- WP_Error-cURL error 7: Failed to connect to websitedemos.net
- Error 406 while importing Starter Templates on your WordPress website
- The blank screen in the Customizer area
- Could not store XML file in /wp-content/ folder?
- How to Fix 5XX Error While Importing a Starter Template?
Starter Templates – Patterns
Wireframing the structure of any website before beginning the design process is very important. It increases work efficiency, makes the workflow more effortless, and helps you get the final website design ready in less time.
Now you can create your page or website mockup faster than ever with Starter Templates AI Patterns.
This document will help you to understand how patterns work and what benefits they bring.
What Are the Patterns?
Patterns are the dedicated sections designed for different parts of web pages. You can add patterns to your own design or use different ones to create a unique page.
In the Design library, you will find patterns designed for the following sections –
- About
- Call To Action
- Clients
- Contact
- FAQ
- Features
- Heading
- Hero sections
- Portfolio
- Statistics
- Services
- Team
- Testimonial
You will see more patterns gradually with new updates.
Patterns can be imported between pages. They serve the needs of any section on the page. You can quickly import the required pattern and go ahead with your page design.
For example – Let’s say you have a sales page where you wish to add a FAQ section for your product. FAQs are a great way to address user’s last-minute queries and encourage them to complete the purchase.
You can import the FAQ section from Patterns and add your content. This way you can quickly create an FAQ section saving your time and effort.
Similarly, you can use different patterns anywhere on the page or post.
How To Use the Patterns?
The patterns can be accessed through the page/post editor. You can add an unlimited number of patterns and create the whole page or post structure in no time.
We’ll show you an example of how you can add a pattern to your page/post.
Step 1 – Navigate to Dashboard > Pages > Add New. In the top menu of the page editor, click on the “Design Library” button. This will open the Starter Templates Library;
![](https://startertemplates.com/wp-content/uploads/2024/04/design-library.png)
Step 2 – In the top menu of the Library, click on the “Patterns” tab. Here you can find all available patterns.
![](https://startertemplates.com/wp-content/uploads/2024/04/patterns.png)
Step 3 – Here, you can filter the blocks by color and category and import the pattern to your page. You can do this by hovering over the block you need and clicking on the “Insert” button.
![](https://startertemplates.com/wp-content/uploads/2024/01/insert.png)
Step 4 – Repeat steps 2 and 3 until you import all the blocks you need;
Step 5 – Once imported, you can reposition and modify blocks as you wish. Once your pattern design is done, click on the “Publish” button to save your changes.
Now you’re ready to review and share your mockup with whomever you want.
After importing the pattern, here are a few things to note –
Once you import a pattern you might see some different colors and typography than previewed content. This is because your customizer settings will automatically be inherited to page/pattern design.
Similarly, typography will be inherited from the customizer. All headings and content will have typography set from the customizer.
In case, the pattern you importing has a form, the required plugin will be automatically installed and activated.
We hope this document has been helpful in explaining Spectra’s AI Patterns. If you have any questions or require further assistance, feel free to leave a comment below.
We don't respond to the article feedback, we use it to improve our support content.