Blocks Archives - SeedProd https://www.seedprod.com WordPress Coming Soon Page and Maintenance Mode Plugin Thu, 06 Jun 2024 18:16:44 +0000 en-US hourly 1 https://wordpress.org/?v=6.8.2 https://www.seedprod.com/wp-content/uploads/2020/10/cropped-Favicon-32x32.png Blocks Archives - SeedProd https://www.seedprod.com 32 32 Accordion Block https://www.seedprod.com/docs/accordion/ Tue, 16 Feb 2021 16:30:43 +0000 https://www.seedprod.com/?post_type=ht_kb&p=11917 The Accordion block allows you to add text sections that expand and collapse on your SeedProd pages. This block is useful for organizing and displaying content in a collapsible format. Adding the Accordion Block to Your SeedProd Pages To include the Accordion block on your SeedProd pages, follow these steps: That’s it! You have successfully […]

The post Accordion Block appeared first on SeedProd.]]>
The Accordion block allows you to add text sections that expand and collapse on your SeedProd pages. This block is useful for organizing and displaying content in a collapsible format.

Requirements: The Accordion block is available in all our license plans.


Adding the Accordion Block to Your SeedProd Pages

To include the Accordion block on your SeedProd pages, follow these steps:

  1. Under Design > Blocks, drag and drop the Accordion block into the desired section of your page.

  2. Once added, click on the Accordion block to open its settings. In the Content tab, you can start adding accordion items. To add text sections, click on the Accordion block and select the option to add new sections. You can add multiple sections, each containing its own text content.
  3. Explore the options available in the Advanced section to further customize the Accordion block. Here, you can adjust styles, spacing, and other attributes to match your design preferences.
  4. Once you have finished configuring the Accordion block and adding your desired text sections, make sure to save your work.

That’s it! You have successfully added the Accordion block to your WordPress pages. This block allows you to create expandable and collapsible text sections, enhancing the readability and organization of your content. Whether you want to present FAQs, feature lists, or other information in a condensed format, the Accordion block provides a user-friendly solution.

The post Accordion Block appeared first on SeedProd.]]>
Additional Information Block (WooCommerce) https://www.seedprod.com/docs/additional-information/ Thu, 06 Oct 2022 17:01:12 +0000 https://www.seedprod.com/?post_type=ht_kb&p=24082 The Additional Information block is designed for use within Single Product Templates. This block extracts and displays data from the Products > All Products > Edit Product > Additional Attributes section of each product individually. Adding the Additional Information block to your Single Product template Follow these steps to integrate the Additional Information block into […]

The post Additional Information Block (WooCommerce) appeared first on SeedProd.]]>
The Additional Information block is designed for use within Single Product Templates. This block extracts and displays data from the Products > All Products > Edit Product > Additional Attributes section of each product individually.

Requirements: The Additional Information Block is available in our Elite license.

Additional information settings

Adding the Additional Information block to your Single Product template

Follow these steps to integrate the Additional Information block into your Single Product template:

  1. Navigate to Design > Blocks > WooCommerce Template Tags > Additional Information and drag the Additional Information block onto the page.
    Additional Information
  2. Once added, click on the Additional Information block to access its settings. Here, you can adjust settings for Header content, Typography styles, Header Color, Text Color, and toggle Header visibility.
  3. Explore the Advanced tab to fine-tune spacing, attributes, and device visibility settings.
  4. That’s it! Remember to save your progress to ensure all configurations are retained.

By following these steps, you may integrate the Additional Information block into your Single Product templates. This block feature not only enhances the presentation of product data but also enriches the overall experience for your customers, providing detailed information in an organized manner.

The post Additional Information Block (WooCommerce) appeared first on SeedProd.]]>
Advanced Gallery Block https://www.seedprod.com/docs/advanced-gallery-block/ Tue, 09 Aug 2022 19:54:29 +0000 https://www.seedprod.com/?post_type=ht_kb&p=22680 The Advanced Gallery block allows you to easily incorporate single or multiple image galleries on your pages. Adding the Advanced Gallery Block to your SeedProd pages To add the Advanced Gallery block to your SeedProd pages, follow these steps: You have now successfully added the Advanced Gallery block to your SeedProd pages. Use this block […]

The post Advanced Gallery Block appeared first on SeedProd.]]>
The Advanced Gallery block allows you to easily incorporate single or multiple image galleries on your pages.

Requirements: The Advanced Gallery block is available in all our license plans.


To add the Advanced Gallery block to your SeedProd pages, follow these steps:

  1. Go to Design > Advanced > Advanced Gallery, then drag and drop the Advanced Gallery block onto the page.
  2. Once added, click on the Advanced Gallery block to open its settings. Here, you can choose between inserting a single gallery or multiple galleries.

    If you only need one gallery, you can select the Single option.
    You may add more that one gallery by selecting the Multiple option, and clicking on the Add Galleries button.

    In the Settings section, you can customize the gallery by selecting the number of columns to display images, adjusting spacing, setting links (media file or custom links), changing aspect ratio and image size, and adding a background overlay color with a title and description.
    Advanced Gallery settings
  3. To further refine your customization, switch to the Advanced tab. Here, you’ll find additional options to add styles, set image borders, adjust spacing, define attributes, and control device visibility.
  4. That’s it! Make sure to always save your work.

You have now successfully added the Advanced Gallery block to your SeedProd pages. Use this block to showcase single or multiple image galleries with ease. Customize the settings and appearance to match your website’s design requirements.

The post Advanced Gallery Block appeared first on SeedProd.]]>
Alert Block https://www.seedprod.com/docs/alert-block/ Fri, 03 Feb 2023 18:44:20 +0000 https://www.seedprod.com/?post_type=ht_kb&p=26109 The Alert block is a powerful tool that allows you to add essential messages on your website pages by utilizing colored alert boxes. With this feature, you can effectively communicate important information to your visitors. Using the Alert block on your SeedProd Pages To incorporate the Alert block and display important messages on your SeedProd […]

The post Alert Block appeared first on SeedProd.]]>
The Alert block is a powerful tool that allows you to add essential messages on your website pages by utilizing colored alert boxes. With this feature, you can effectively communicate important information to your visitors.

Requirements: The Alert block is available in all our license plans.


Using the Alert block on your SeedProd Pages

To incorporate the Alert block and display important messages on your SeedProd pages, follow these steps:

  1. Go to Design > Advanced and select the desired page. Drag and drop the Alert block onto the page.
    alert-block
  2. Once added, click on the Alert block to access its settings and customize the alert message according to your requirements. In the Content tab, you have the option to choose from predefined alerts such as “Info,” “Success,” “Warning,” and “Danger.” Additionally, you can enable or disable the Dismiss Button, edit the Title and Description, include an Icon, change the title’s heading tag, and adjust alignment and font size.
    Alert Block Settings
  3. Explore the Templates tab to discover additional styles for your alerts. Choose the template that best matches your desired design.
  4. For further customization, navigate to the Advanced tab. In this section, you have access to a range of options to add additional styles to your alerts. Control the border, spacing, attributes, animation effects, and device visibility options.
  5. That’s it! Enjoy the flexibility of the Alert block and create impactful messages on your page with ease.

By using the Alert block, you can deliver important information effectively and capture the attention of your website visitors. Customize the alert boxes to match your branding and create a visually appealing experience for your audience.

The post Alert Block appeared first on SeedProd.]]>
Anchor Block https://www.seedprod.com/docs/anchor/ Mon, 07 Dec 2020 15:30:33 +0000 https://www.seedprod.com/?post_type=ht_kb&p=10689 The Anchor block provides a seamless way to create links that navigate users to specific sections of a page. With SeedProd, you can easily set up and utilize anchor links to enhance your website’s user experience. Setting Up Your Anchor Block on Your SeedProd Pages Follow these steps to incorporate the Anchor block into your […]

The post Anchor Block appeared first on SeedProd.]]>
The Anchor block provides a seamless way to create links that navigate users to specific sections of a page. With SeedProd, you can easily set up and utilize anchor links to enhance your website’s user experience.

Requirements: The Anchor block is available in all our license plans.


Setting Up Your Anchor Block on Your SeedProd Pages

Follow these steps to incorporate the Anchor block into your pages:

  1. Under the Design > Anchor section, drag and drop the Anchor block onto the desired page.
  2. Once added, click on the Anchor block to access its settings. You will be presented with options to set a name for your anchor link and the URL to which the link will direct users.

    For example, if you name the anchor “whatwedo”: To link to the anchor, simply add “#whatwedo” (using the anchor name you provided) to the URL or button/link that you want to use. When clicked, it will scroll to the section of the page where the anchor is placed.
    You can create multiple anchors on the same page and link to each one by using their respective anchor names.
  3. Remember to save your work to preserve any changes made.

That’s it! Using anchor links with SeedProd’s Anchor block allows you to create a seamless navigation experience for your website visitors. By directing them to specific sections of a page, you can enhance the accessibility and usability of your content.

The post Anchor Block appeared first on SeedProd.]]>
Animated Headline Block https://www.seedprod.com/docs/animated-headline/ Thu, 22 Apr 2021 13:28:44 +0000 https://www.seedprod.com/?post_type=ht_kb&p=13143 The Animated Headline Block allows you to display captivating animated headlines anywhere on your page. With this feature, you can choose from a variety of animation styles and effects to make your headlines stand out and grab your users’ attention. Adding the Animated Headline Block to Your SeedProd Pages Follow these simple steps to incorporate […]

The post Animated Headline Block appeared first on SeedProd.]]>
The Animated Headline Block allows you to display captivating animated headlines anywhere on your page. With this feature, you can choose from a variety of animation styles and effects to make your headlines stand out and grab your users’ attention.

Requirements: The Animated Headline block is available in all our license plans.


Adding the Animated Headline Block to Your SeedProd Pages

Follow these simple steps to incorporate the Animated Headline block into your website:

  1. Navigate to the Design > Blocks section and drag and drop the Animated Headline block onto the desired page.
  2. Once added, click on the Animated Headline block to access its settings. In the Content tab, you will find options to customize the styles, text, and animation of the headline.
  3. Explore the Advanced tab to discover additional styles and customization options.
  4. Don’t forget to save your work to ensure your changes are preserved.

That’s it! By following these steps, you can easily incorporate the Animated Headline block into your website and create eye-catching headlines that engage and captivate your audience. Remember to explore the various animation styles and effects available to find the perfect fit for your content.

The post Animated Headline Block appeared first on SeedProd.]]>
Archive Products Block (WooCommerce) https://www.seedprod.com/docs/woocommerce-archive-products-block/ Tue, 26 Jul 2022 19:51:40 +0000 https://www.seedprod.com/?post_type=ht_kb&p=22332 The Archive Products block can be added to your Product Archive template to display a listing of your products on your shop page or product archive pages. Adding the Archive Products block to your Product Archive template To integrate the Archive Products block into your Product Archive template, follow these steps: That’s it! By following […]

The post Archive Products Block (WooCommerce) appeared first on SeedProd.]]>
The Archive Products block can be added to your Product Archive template to display a listing of your products on your shop page or product archive pages.

Requirements: The WooCommerce Archive Products Block is available in the Elite license plan.

Archive Products block

Adding the Archive Products block to your Product Archive template

To integrate the Archive Products block into your Product Archive template, follow these steps:

  1. Go to WooCommerce Template Tags > Archive Products and drag the Archive Products block onto your product archive template.
  2. Once added, click on the Archive Products block to access its settings. Here, you can customize the number of columns to display your products, set limits for product display, enable pagination, and modify query options.
  3. Explore additional styling, spacing, attribute, and device visibility options in the Advanced tab to further enhance the appearance of the Archive Products block.
  4. Ensure to save your work to preserve your configurations.

That’s it! By following these steps, you can integrate the Archive Products block into your Product Archive template to present your product listings in a visually appealing manner, thus providing customers with a comprehensive overview of the products available in your shop.

The post Archive Products Block (WooCommerce) appeared first on SeedProd.]]>
Before After Toggle Block https://www.seedprod.com/docs/before-after-toggle/ Wed, 12 Oct 2022 20:42:14 +0000 https://www.seedprod.com/?post_type=ht_kb&p=24211 The Before After Toggle block offers an engaging and visually appealing way to display two images side by side, allowing users to compare them. This block includes a customizable handle that can be moved horizontally or vertically between the two images, enhancing the interactive experience. Adding the Before and After Toggle Block to Your SeedProd […]

The post Before After Toggle Block appeared first on SeedProd.]]>
The Before After Toggle block offers an engaging and visually appealing way to display two images side by side, allowing users to compare them. This block includes a customizable handle that can be moved horizontally or vertically between the two images, enhancing the interactive experience.

Requirements: The Before After Toggle block is available in all our license plans.

SeedProd before and after toggle

Adding the Before and After Toggle Block to Your SeedProd Pages

Follow these steps to incorporate the Before and After Toggle block into your SeedProd pages:

  1. Under the Design > Advanced section, drag and drop the Before After Toggle block onto your page.
  2. Once added, click on the Before After Toggle block to access its settings. In the Content tab, you’ll be able to set Before and After images:

    You will also find Orientation Controls which will allow you to allow you to set the slider orientation as either horizontal or vertical. You can also enable the “Move On Hover” feature, which enables users to toggle between images without clicking on them. Additionally, you can set an overlay color.

    The Comparison Handle Controls will allow you to customize the style of the toggle handle.
  3. In the Advanced tab, you’ll find additional options to customize the styles and typography of the Before/After labels. You can also set attributes, adjust spacing, and configure device visibility.
  4. Remember to save your work to preserve any changes made.

That’s it! With the Before After Toggle block, you can create an interactive and engaging comparison experience using side-by-side images. Users can easily compare the differences and transitions between the two images by moving the handle, providing a visually compelling experience on your website.

The post Before After Toggle Block appeared first on SeedProd.]]>
Button Block https://www.seedprod.com/docs/button/ Mon, 05 Oct 2020 18:08:06 +0000 https://www.seedprod.com/?post_type=ht_kb&p=7619 The Button Block allows you to easily add buttons to your web pages. These buttons can be linked to internal or external URLs, or they can be used as anchors on the page for easy navigation. Adding the Button Block to Your SeedProd Pages Follow these steps to incorporate the Button Block into your website: […]

The post Button Block appeared first on SeedProd.]]>
The Button Block allows you to easily add buttons to your web pages. These buttons can be linked to internal or external URLs, or they can be used as anchors on the page for easy navigation.

Requirements: The Button block is available in all our license plans.


Adding the Button Block to Your SeedProd Pages

Follow these steps to incorporate the Button Block into your website:

  1. Go to Design > Blocks and drag and drop the Button block onto the desired section of your page.
  2. Once added, click on the Button block to access its settings. In the Content tab, you’ll find options to edit the button’s text, subtext, link, and add before/after icons.
  3. The Templates tab provides predefined templates that you can choose from to style your button.
  4. Explore the Advanced tab to further customize your button’s appearance.
  5. Save your work to preserve any changes made.

That’s it! You can now easily add buttons to your web pages using the Button Block, enhancing the user experience and improving navigation on your website.

The post Button Block appeared first on SeedProd.]]>
Business Reviews Block https://www.seedprod.com/docs/business-reviews-block/ Fri, 03 Feb 2023 20:39:09 +0000 https://www.seedprod.com/?post_type=ht_kb&p=26119 The Business Reviews block allows you to effortlessly incorporate Google and Yelp reviews onto your SeedProd pages. With this feature, you can apply filters to hide unwanted reviews, display star ratings, show details about the authors and their reviews, and even include a link that redirects visitors to the reviews. Using the Business Reviews Block […]

The post Business Reviews Block appeared first on SeedProd.]]>
The Business Reviews block allows you to effortlessly incorporate Google and Yelp reviews onto your SeedProd pages. With this feature, you can apply filters to hide unwanted reviews, display star ratings, show details about the authors and their reviews, and even include a link that redirects visitors to the reviews.

Requirements: The Business Reviews block is available in all our license plans.


Using the Business Reviews Block on Your SeedProd Pages

Follow these steps to incorporate the Business Reviews Block into your website:

  1. Start by adding your Google or Yelp API Keys in the SeedProd Settings:

    Click here to find your Google Place ID.
    Click here to find your Yelp Business ID.
    Google Yelp API Keys SeedProd Settings
  2. Navigate to the page you want to edit, and under Design > Advanced, simply drag and drop the Business Reviews block onto the page.
  3. Once the block is added, click on it to open its settings. In the General tab, you have the option to display Google Places reviews, Yelp Reviews, or both. It’s important to note that you’ll need to add your Google and Yelp IDs for the reviews to be displayed on the page.

    Click here to find your Google Place ID.
    Click here to find your Yelp Business ID
    Business Reviews block settings
  4. In the Settings tab, you can select the type of layout (Grid or Carousel), specify the number of reviews to display, and determine the desired amount of columns. Please note that the maximum total number of reviews allowed by Google and Yelp combined is 8.
    Business reviews block settings tab
  5. The Filters tab enables you to filter reviews by Rating or Review Date, and also set a minimum rating that reviews should meet in order to be displayed.
  6. In the Reviewer Info tab, you can enable or disable the Reviewer Image, Reviewer Name, and the link to the Google or Yelp reviews.
  7. The Review Date tab offers controls to enable or disable the Review Date, change its color, and select its type: Numeric or Relative.
  8. In the Rating Date tab, you can enable or disable star ratings and adjust the icon size and colors.
  9. The Review Text tab provides controls to display the content of the reviews and style the text.
  10. The Advanced tab offers additional options to add more styles, as well as controls for border, spacing, attributes, animation effects, and device visibility options.
  11. Make sure to save your work to ensure your changes are preserved.

That’s it! By using the Business Reviews block, you can effortlessly showcase authentic reviews, boost credibility, and enhance the user experience on your website. Start harnessing these capabilities and build customer trust today!

The post Business Reviews Block appeared first on SeedProd.]]>