- Getting Started With Starter Templates
- How To Install The Starter Templates Plugin?
- Premium Starter Templates – Install and Activate License
- Building Your Website With Starter Templates
- How to import Starter Templates with WP CLI Command
- Starter Templates — Basics and FAQs
- Understanding Starter Templates Compatibility Across Themes
- Starter Templates – Patterns
- Why You Need to Connect Starter Templates with ZipWP AI Website Builder
- Create Multilingual WordPress Websites with Starter Templates
- 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
- How to Import A Complete Site With Starter Templates?
- How to Import Single Page With Starter Templates?
- Can I Import Starter Templates Site on Existing Website?
- Importing Gutenberg Pages, Patterns, and Kits
- How to Fix Starter Template Importing Issues
- How to Fix Operation Timed Error While Importing a Starter Template?
- How to Fix Blocked Requests Error While Importing a Starter Template?
- How to Fix 5XX Error While Importing a Starter Template?
- Starter Templates Importing
- How to import Starter Templates with WP CLI Command
- Starter Templates – Free Images from Pixabay
- Starter Templates – Restore Customizer Backup
- Mountain Template With Elementor Theme Style
- Filter to Remove Starter Templates Button on Post Types
- How to Enable/Disable Elementor While Importing Starter Templates
- How to Set Block Editor as the Default Page Builder In Starter Templates
- How to Set Up Your E-Commerce Store With Starter Templates
- How to Enable Single Page Import Button with White Label
- How To Reset WordPress Installation?
- XMLReader Support Missing – Starter Templates
- cURL Support Missing – Starter Templates
- Required File Permissions Missing – Starter Templates
- Disable Debug Mode – Starter Templates
- Update Required Plugins – Starter Templates
- Starter Templates – Required plugins missing
- Plugin Installation Failed – Multisite
- System Requirements – Starter Templates
- Can’t See Newly Added Templates in Starter Templates Library?
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.