You can now import and export your landing pages and custom SeedProd themes created in the Theme Builder with a few clicks. Even if your theme includes custom WooCommerce templates, SeedProd will export the entire theme, ready for you to import onto another WordPress website.

How to Export/Import Your Theme Builder Settings

Exporting Theme Builder Settings

1. From your WP admin dashboard, go to SeedProd > Import / Export.
   
2. Click on the Export Theme Files button within the Import / Export Theme Builder section. This will prepare a ZIP file (“seedprod-export-theme-files.zip”) that will be downloaded to your computer.
   

Importing Theme Builder Settings

1. From your WP admin dashboard, go to SeedProd > Import / Export
   
2. You can import your Theme Builder settings using the exported ZIP file stored locally on your computer or on a web/FTP server.
   
   1. To use an exported Theme Builder ZIP file on your computer, click on the Choose file button within the Import / Export Theme Builder section. Then, locate and select the ZIP file.
   2. To use an exported Theme Builder ZIP file that’s stored on a web server or FTP server, enter the URL of this file in the Enter Import file URL input box.
3. Click on the Import Theme Files button (or the Import by Theme URL button) to start the import process. This will be completed when the “Import Started” popup message (at the top right of the page) disappears.

How to Export/Import Your Landing Pages

Exporting a landing page

1. From your WP admin dashboard, go to SeedProd > Import / Export
   
2. Under the Import / Export Landing Pages section, select the desired landing page to export from the Select Pages dropdown menu.
   
3. Click on the Export Landing Page button to begin the export process. This will prepare a ZIP file (“seedprod-export-landing-page-files.zip”) with all the that will be downloaded to your computer.

Importing a landing page

1. From your WP admin dashboard, go to SeedProd > Import / Export
   
2. Under the Import / Export Landing Pages section, click on the Choose file button within the Import Landing Page
   sub-section. Then, locate and select the ZIP file.
   
3. Click on the Import Landing Page button to start the import process. This will be completed when the “Import Started” popup message (at the top right of the page) disappears.

To begin, you must download your desired font in a web-compatible format. Ideally, you should also convert your custom fonts to the following formats to ensure they are visible across multiple browsers and devices. You can use the FontSquirrel Webfont generator to generate the following font files.

• WOFF: Web Open Font Format suitable for web pages.
• WOFF2: An improved version of WOFF with enhanced compression.
• TTF: TrueType font, common across Mac OS and Windows.
• SVG: Scalable Vector Graphics font allowing SVG as glyphs.
• EOT: Embedded OpenType fonts for web page usage.
• OTF: OpenType format widely used on various platforms.

After obtaining your font files, the next step is to upload them to your WordPress hosting server. You can do this via FTP, your cPanel’s File Manager, or by using a File Manager plugin. Select any folder within your /wp-content/ directory to upload your custom fonts.

Adding Custom Fonts in SeedProd’s Global CSS Settings

After successful font upload, you’ll use the CSS3 @font-face technique with direct links to your custom font files.

Insert this CSS code, referencing your custom font, within the Global Settings > Custom CSS section found in your SeedProd editor. Update the font-family and URL with your font details.

@font-face {
font-family: 'YourFontName';
src: url('https://example.com/wp-content/Fonts/YourFont.ttf') format("ttf"),
url('https://example.com/wp-content/Fonts/YourFont.otf') format("otf"),
url('https://example.com/wp-content/Fonts/YourFont.svg') format("svg"),
url('https://example.com/wp-content/Fonts/YourFont.eot') format("eot"),
url('https://example.com/wp-content/Fonts/YourFont.woff') format("woff");
}

Following this, you can apply the font across your site:

h1, h2, h3 {
font-family: 'YourFontName', sans-serif;
}

Example:

Here are some ways to add a favicon to your website:

Adding a Favicon in the Theme’s Customizer

You can add a favicon or site icon in your theme’s Customizer. Simply go to Appearance > Customize and click on the ‘Site Identity’ tab to add your favicon.

Note: The Appearance > Customize > Site Identity section in the Customizer might not be available in some themes. In this case, we recommend manually adding the favicon to your website’s header using WPCode (see below).

Adding a Favicon to Your Website’s Header Using WPCode

If the Appearance > Customize > Site Identity section is not available in your theme, you may install the WPCode plugin and paste the example code below in the ‘Header’  scripts section. Make sure to replace the URL with the URL of your favicon image.

<link rel="icon" href="https://www.example.com/favicon.png" type="image/x-icon" />
<link rel="shortcut icon" href="https://www.example.com/favicon.png" type="image/x-icon" />

Alternatively, you can install a plugin called All in One Favicon to upload your favicon.

Creating a Sticky Header

1. While editing a page or template with SeedProd, add a section that will contain your header elements.
2. After creating your header section, click on the section’s settings handle (the gear icon within the section’s purple toolbar) to open its settings panel. You may also do this by opening the Layout Navigation panel, and then clicking on the header section within this panel.
   
3. Click on the “Advanced” tab and then open the “Position” panel.
   
4. In the “Position” dropdown menu, select “Sticky”. Then, add a zero (“0”) top offset and a high z-index number (for example, “9999”) to ensure that the header stays at the top above all elements on the page.
   
5. Save this page or template then preview the page to see the sticky header in action while scrolling down/up on the page.
6. That’s it! You now have an awesome sticky header on your site.

• PHP Version: so we know which PHP versions we have to test against (no one likes whitescreens or log files full of errors).
• WordPress Version: so we know which WordPress versions to support and test against.
• MySQL Version: so we know which versions of MySQL to support and test against for our custom tables.
• SeedProd Version: so we know which versions of SeedProd are potentially responsible for issues when we get bug reports, allowing us to identify issues and release solutions much faster.
• The SERVER_SOFTWARE variable in PHP: combined with an SeedProd option called SAS are used to parse out which web hosting companies our users are using. We use this to determine the top hosts users are using and make sure that we have testing accounts with those hosting companies, so we can properly test our new releases with various host environments. This also helps us identify conflicts with specific hosting providers so we know which hosts to work with to fix the issue if it’s a server configuration issue.
• Theme/Plugin names and versions: So we know which themes and plugins to support and test against. SeedProd runs on over 1 million websites. While we can’t test with all 50,000+ plugins, we do our best to test against the top plugins from this list.
• License key and email and url: If you’re an SeedProd customer, then we use this to determine if there’s an issue with your specific license key, and to link the profile of your site with the configuration of authentication to allow us to determine if there’s issues with your SeedProd authentication.
• SeedProd settings: So we know which settings people are using, allowing us to determine potentially which new settings or areas of SeedProd people want us to expand on, and which settings people aren’t using.
• Site and user count and is multisite: This allows us to gauge how important it is to support specific types of multisites like multi-network and similar styles of configuration and gauge how much we need to scale our servers before launching features like author tracking dashboards that are correlated to the number of users on a site using it in terms of scale.
• Usage tracking config: The SeedProd option that contains the information on when the usage tracking data-sync will happen (once a week), so we can gauge the server load for the usage tracking servers.

How to Save a Block

To save a block:

1. Hover over the block you’d like to reuse.
2. Click the Save icon (floppy disk).
   
3. Give your block a name, then click Save Template.
   

Once saved, your reusable block will appear at the bottom of the left-hand panel in the SeedProd editor under the Saved Blocks tab.

How to Reuse a Saved Block

To add a saved block to a page:

1. Scroll to the Saved Blocks section in the editor’s left panel.
   
2. Drag and drop your saved block into the layout just like any other block.

Saved blocks are a great way to stay consistent and speed up your page-building workflow.

How to Save a Section

To save a section:

1. Hover over the section you’d like to reuse.
2. Click the Save icon (floppy disk) in the section toolbar.
   
3. Give your section a name, then click Save Template.
   

Once saved, your reusable section will appear in the editor’s left panel under Sections > Saved.

How to Reuse a Saved Section

To add a saved section to a page:

1. Open the Sections tab in the editor’s left panel.
2. Click Saved, then drag and drop your saved section into the layout like any other section.
   

Saved sections help you work more efficiently and maintain a cohesive look throughout your site.

How to Create a Global Part Template

To set up a global template:

1. Go to the Theme Builder section in SeedProd.
2. Click Add New Theme Template.
3. Choose Global Part as the template type, give it a name, and click Save.
   
4. Design your global part in the editor and save your changes.

How to Use a Global Part Template

To reuse a global template part on any page:

1. Open the page in the SeedProd editor.
2. Add a Template Parts block to the layout.
3. Select the global template you want to display.
   

When you update a global part template, the changes automatically apply everywhere it’s used—no need to edit each page individually.

Global parts are ideal for shared design elements you want to manage in one place.

Steps to Generate an AI Theme:

1. Visit ai.seedprod.com.
2. Enter your email address to request access.
3. Check your inbox for a login link and click it to access the AI Builder.
4. Follow the on-screen prompts to generate your theme. You can create up to three themes per email address.
5. Once your theme is ready, download the ZIP file to your computer.

How to Install the AI-Generated Theme in SeedProd:

1. In your WordPress dashboard, go to SeedProd → Import/Export.
2. Upload the ZIP file you downloaded from the AI Builder.
3. Click Import to install the theme into SeedProd.

Apply the Theme Site-Wide

In the Theme Builder section of SeedProd, please make sure the SeedProd Theme is enabled. This ensures that the imported templates are applied site-wide across your website.

You’re now ready to start customizing your AI-generated theme using the SeedProd visual editor.