Otter Pro documentation

This is the premium version of the Otter Blocks plugin, also known as Gutenberg Blocks and Template Library by Otter. More advanced blocks and features are available in this version.

🧰 Tools needed

• The Otter Blocks Plugin - download it from here, and check this doc to find out how to install it.
• The Otter Pro Plugin - choose a plan here.
  • 📝Note: If you already have a Neve Pro Agency license key, check this doc to find out how to install Otter Pro.

📩 Download and Install

1

Install the free version of the Otter plugin.

2

Navigate to Themeisle store and insert your credentials.

3

Scroll down until you see the Otter Pro plugin and click on download.

4

Navigate to Dashboard > Plugins > Add New and upload the .zip that you previously downloaded.

📝 Note: The Neve Pro license can be used to activate Otter Pro.

🗂 Blocks Library

The Otter Pro plugin improves WordPress blocks by providing new components, in addition to the free blocks.

• Business Hours
• Review Comparison Table
• Add to cart
• Modal
• Stripe Checkout

And also new options for some free blocks:

• Posts
• Popup

🎯 Features Library

The Otter Pro plugin has brought in not only new blocks but also new features:

• Visibility Conditions
• Import and sync review data from WooCommerce products
• Transform to Sticky
• WooCommerce Builder
• Dynamic Values
• Local Fonts
• Dynamic Images
• Dynamic Links
• Live Search
• Form Submissions

🔄 Visibility Conditions

The conditional loading is a feature that applies to all blocks within the Otter Library and is represented by the Visibility Condition, in the Settings panel.

It gives the user  control of the visibility of the blocks based on the conditions inserted, such as Users: Logged In and Date Recurring: Monday. This means that the block will be displayed for Logged-In users only on Mondays.

There can be  many Rule Groups, but will not be applied at the same time, but one or the other (OR logical operation).

There are  extra visibility conditions available for the PRO version that depend on the installed plugins (WooCommerce and LearnDash).

📝 Note: Here is a dedicated doc about the Visibility Conditions.

🔃 Import and sync review data from WooCommerce products

This feature is related to the Product Review Block. It displays the review of a manually added product, but this process can be automated by using the details of a WooCommerce product.

This can be easily done with the new feature of the Otter Blocks, Sync with WooCommerce, an option that appears in the right-hand Settings panel.

Selecting a product from the list will sync the current review information with the selected WooCommerce product.

📌 Transform To Sticky

This feature is accessible by clicking on the  three dots with options and clicking on Transform to Sticky. This will generate a new panel with options, from which many are pro features, except for one available in both free and pro.

With the Otter Pro plugin, you are able to customize the position, offset, and behavior, or enable this on mobile.

📝 Note: For further information about the pro options of the sticky feature, check this doc.

🛍 WooCommerce Builder

The WooCommerce Builder is a powerful tool that allows you to create a product page as you wish, using the blocks and the resources available on the edit product page.

You can access it from Products > All Products, pick one from there, and click to edit it. It will open the builder that looks similar to the WordPress Editor.

📝 Note: Here is a dedicated doc about the WooCommerce Builder.

🎯 Dynamic Values

The Dynamic Values feature is a time saver option that ensures the syncing aspect of your website, allowing you to use a dynamic value that inherits the specific information of a certain post / page. This can be done by accessing the editor and inserting the "%" symbol. It will open the dynamic values list from which you can choose.

The pro version of Otter brings in more data types, such as Post Date, Post Time, Post Terms, and Post Custom Fields.

📝 Note: You can look here for more details about the extra options of the Dynamic Values.

🖊 Local Fonts

The Local Fonts module can be found in Dashboard > Otter > Settings > Fonts Module. From there, you can click to enable the Save Google Fonts Locally option.

This feature will speed up your website by hosting Google Fonts locally. This means that the fonts that you use on your website will no longer be requested from Google Fonts but will be loaded from the server.

📝 Note: The Neve theme has a similar module ( Performance Module ), which syncs with Otter's Local Fonts. Once you enable/disable it, the other one will do the same.

🖼 Dynamic Images

The Otter plugin allows you to add dynamic images, which will import information depending on the elements you pick from the menu in the editor after adding the Image block and clicking on the Upload / Media Library button. It creates a third tab called Dynamic Images, from which you can start adding the desired elements:

The premium version allows ACF integration.

📝 Note: For further information about this feature, check this doc.

🔗 Dynamic Links

Automatically import and display information using the dynamic link feature. This will appear in the settings bar under the 🔽 icon. Once inserted, you can choose the data type you want to show through the link.

The premium version of the plugin allows you to add post custom fields and advanced custom fields.

📝 Note: For further information about this feature, check this doc.

🔍 Live Search

The Live Search feature enhances the core block Search by adding two additional attributes (  isLive and postTypes ) that can be set inside the inspector under the Live Search panel.

📝 Note: For further information about this feature, check this doc.

📨 Form Submissions

The Form Submissions feature is a pro feature available in Otter Pro. It allows the administrator to manage better the submissions that he receives using the Form blocks.

These can be found under Dashboard > Otter > Form Submissions.

📝 Note: Read more about the Forms in Otter in this dedicated doc.