Thomas Barregren

<p>This WordPress plugin extends the functionality of both the <a href="https://wordpress.org/plugins/beaver-builder-lite-version/" rel="ugc">free</a> and the <a href="https://www.wpbeaverbuilder.com/" rel="nofollow ugc">paid</a> versions of the <em>Beaver Builder Page Builder</em>.</p>
<h4>How to use the plugin</h4>
<p>To illustrate how the plugin works, let’s suppose that you shall create a row with a message and a button. The row should be visible to each new visitor until she presses the button. When the visitor presses the button, the row will be closed smoothly. The row shall then remain hidden for that particular visitor for a period of time. When the time period is over, the message will be displayed again to the visitor.</p>
<p>Start by creating the row with as you usually do in Beaver Builder’s Page Builder. Add two columns. Put a <em>Text</em> module with the message in the column to the left. Put a <em>Button</em> module in the column to the right. Enter <code>javascript:void(0)</code> as link in the settings of the button; this prevents the button from doing anything at all.</p>
<p>Next, open the settings page of the row, click on the <em>Advanced</em> tab and scroll down to the <em>Visibility</em> section. Click on the drop-down menu <em>Display</em>. Provided you have installed this plugin, you should now see an option named <code>Row has not been closed</code>. It means te row will be visible if it has not been closed. Choose that option.</p>
<p>Below the <em>Display</em> drop-down should more settings appear now appear. Fill them out as follows:</p>
<ul>
<li><strong>Closing trigger selector:</strong> Enter a <a href="https://www.w3schools.com/jquery/jquery_ref_selectors.asp" rel="nofollow ugc">JQuery selector</a> (or a <a href="https://www.w3schools.com/cssref/css_selectors.asp" rel="nofollow ugc">CSS selector</a>) that targets the button. To assist you, this plugin adds the class <code>.closing-row</code> the row, so it is easier to target elements in the row. For this example, <code>.closing-row .fl_button</code> will do.</li>
<li><strong>Close time:</strong> Enter the number of milliseconds the closing animation should take. For a short row, you should probably choose a relative small number, e.g. <code>500</code>. For a tall row, you should consider to increase the number to get a smooth transition.</li>
<li><strong>Cookie expiration:</strong> Enter the number of days you want the message to be hidden. Enter <code>0</code> to just hide it during the current session. to hide it “for ever”, enter a big number, e.g. <code>36525</code> that corresponds to 100 years.</li>
<li><strong>Cookie domain:</strong> Enter the domain of your site. If the home page of your site has the address <code>https://www.example.com/</code>, then enter <code>www.example.com</code>. If you enter <code>.example.com</code> (with a dot at the beginning), you allow all subdomains (e.g. <code>dev.example.com</code>). You can also leave the field completely blank, which all common browsers interpret as the same domain as the visitor are visiting.</li>
</ul>
<p>Finally, save the row and publish the layout.</p>
<h4>Technical description</h4>
<p>This plugin prevents Beaver Builder’s page builder to render a row that has the visibility set to <code>Row has not been closed</code> if the visitors browser are returning a previous set cookie named <code>row_5967cca712431_closed</code> with <code>5967cca712431</code> replaced with the node id of the row.</p>
<p>If rendered, the row is initially hidden by the CSS property <code>display</code> set to <code>none</code>. This property will be changed to display the row if the cookie is not set. This last check is carried out by JavaScript.</p>
<p>The reason for this two-step check is caching.</p>
<h3>Credits</h3>
<p>The plugin uses Scott Hamper’s JavaScript library <a href="https://github.com/ScottHamper/Cookies" rel="nofollow ugc">Cookies</a>.</p>


Kntnt's Row Closer for Beaver Builder Page Builder

WordPress plugin that allows a row in a layout created with Beaver Builder's Page Builder to be visible for a visitor until she clicks on a confi …

Brainstorm Force

<p><strong>HOST FONTS, IMPROVE WEBSITE SPEED, AND ELIMINATE PRIVACY CONCERNS</strong></p>
<p>★★★★★</p>
<h3>IMPROVED SPEED AND PERFORMANCE 🚀</h3>
<p>Custom Fonts enables you to upload your own custom fonts or choose from a vast collection of Google Fonts, all hosted directly on your own web server.</p>
<p>By hosting fonts locally, you can significantly improve your website’s performance. As the fonts load directly from your server, it reduces external requests, significantly reducing page load times.</p>
<p><a href="https://bsf.io/custom-fonts-demo" rel="nofollow ugc">Try it out on a free dummy site</a></p>
<h3>UPLOAD YOUR CUSTOM FONTS OR CHOOSE FROM GOOGLE FONTS 🎨</h3>
<p>With Custom Fonts, you have the freedom to customize your website typography to match your unique brand identity!</p>
<p>You can easily upload your own custom font files, such as .ttf or .otf, and use them throughout your website. Or, you can choose from a rich library of Google Fonts and host them locally on your server, ensuring full control over their use.</p>
<h3>UPLOAD MULTIPLE FONT VARIANTS 🆒</h3>
<p>You have the flexibility to upload any number of font variants to suit your design needs. Whether it’s different weights, styles, or character sets, easily manage and customize the necessary font variants. Personalize your typography to perfection and create a unique visual identity for your website.</p>
<h3>ENHANCED PRIVACY AND GDPR COMPLIANCE 🛡️</h3>
<p>Privacy is a top priority, especially in light of data protection regulations like GDPR. By using Custom Fonts, you can self-host your fonts, eliminating any privacy concerns associated with external font services. Take full control over the fonts you use on your website and ensure compliance with privacy regulations.</p>
<h3>FULL SITE EDITING THEME SUPPORT AND EASY INTEGRATION 🎉</h3>
<p>Custom Fonts seamlessly integrates with WordPress full site editing themes, allowing you to effortlessly choose and customize fonts across your entire website. Say goodbye to limitations and enjoy the freedom to create a consistent and visually appealing typography experience for visitors.</p>
<h3>BEAUTIFUL AND USER-FRIENDLY INTERFACE MADE WITH REACT JS 💻</h3>
<p>We take pride in providing an elegant and intuitive user interface for Custom Fonts. Built with React JS, our interface offers a seamless experience, making it easy to upload and manage custom fonts, select from Google Fonts, and customize typography settings to suit your needs.</p>
<h3>COMPLETELY FREE, NO UPSELLS OR HIDDEN COSTS 🆓</h3>
<p>Custom Fonts is completely free, with no upsells or hidden costs. We believe in empowering website owners with essential tools without nickel-and-diming. Enjoy full access to all the features and functionality of Custom Fonts.</p>
<h3>WHO CAN BENEFIT FROM CUSTOM FONTS?</h3>
<ol>
<li>
<p><strong>Web designers and developers:</strong> You can easily enhance the typography and overall design of your projects, making them stand out from the crowd.</p>
</li>
<li>
<p><strong>eCommerce store owners:</strong> Custom fonts can enhance your brand identity and provide a distinctive visual style for product descriptions, banners, and more. Hosting fonts locally with Custom Fonts improves website performance, benefiting you and your consumers.</p>
</li>
<li>
<p><strong>Bloggers and content creators:</strong> Make your content truly pop. Stand out from the crowd and captivate your audience with Custom Fonts.</p>
</li>
<li>
<p><strong>SEO experts:</strong> You can now boost page speed by hosting fonts locally with Custom Fonts. Fewer external requests means faster loading times! Plus, you ensure compliance with privacy regulations.</p>
</li>
</ol>
<p>Custom Fonts caters to anyone who values the customization of typography, performance optimization, privacy control, and compliance with regulations.</p>
<p>If you want to take control of your website’s typography and enhance its overall appearance, Custom Fonts is the plugin for you!</p>
<h3>SOME OF THE SUPPORTED WORDPRESS THEMES:</h3>
<ul>
<li><a href="http://wpastra.com/" rel="nofollow ugc">Astra WordPress Theme</a></li>
<li><a href="https://wordpress.org/themes/spectra-one/" rel="ugc">Spectra One Theme</a></li>
<li>All FSE themes</li>
</ul>
<h3>SOME OF THE SUPPORTED WORDPRESS PLUGINS:</h3>
<ul>
<li>Spectra Page Builder</li>
<li>Elementor Page Builder</li>
</ul>
<p><strong>Branding Guidelines</strong></p>
<p>When mentioning Custom Fonts, please use the following format:</p>
<ul>
<li>Custom Fonts [correct]</li>
<li>CustomFonts [incorrect]</li>
<li>Custom fonts [incorrect]</li>
<li>CustomFont [incorrect]</li>
<li>Customfont [incorrect]</li>
</ul>
<p><strong>Our Other Products:</strong></p>
<ul>
<li><a href="https://wpastra.com/" rel="nofollow ugc">Astra</a> – The most popular WordPress theme that perfectly integrates with Custom Fonts.</li>
<li><a href="https://wpspectra.com/" rel="nofollow ugc">Spectra</a> – A visual website builder built with WordPress’ native block editor.</li>
<li><a href="https://ultimateelementor.com/" rel="nofollow ugc">Ultimate Addons for Elementor</a> – The best addons to extend Elementor’s capabilities.</li>
<li><a href="https://wpschema.com/" rel="nofollow ugc">Schema Pro</a> – All-in-one schema markup plugin that offers complete functionality and easy configuration.</li>
<li><a href="https://projecthuddle.com/" rel="nofollow ugc">ProjectHuddle</a> – Lets you collect sticky note-style feedback on page designs and web projects.</li>
</ul>
<p><strong>Other partnered products:</strong></p>
<ul>
<li><a href="https://cartflows.com/" rel="nofollow ugc">CartFlows</a> – One-click sales funnel builder for WordPress.</li>
<li><a href="https://prestoplayer.com/" rel="nofollow ugc">Presto Player</a> – Best video player plugin for WordPress.</li>
<li><a href="https://surecart.com/" rel="nofollow ugc">SureCart</a> – A powerful eCommerce platform designed to grow your business by effortlessly selling online.</li>
<li><a href="https://suremembers.com/" rel="nofollow ugc">SureMembers</a> – Fastest and easiest way to protect content on your website and build memberships.</li>
<li><a href="https://ottokit.com/" rel="nofollow ugc">OttoKit</a> – Connects your favorite tools so you can automate workflows and streamline your business processes.</li>
<li><a href="https://www.surewriter.com/" rel="nofollow ugc">SureWriter</a> – AI writing tool to make your web design journey faster.</li>
</ul>


Custom Fonts – Host Your Fonts Locally

Looks nice, but does not work with Oxygen Builder

Does not work with Oxygen Builder

Just works

Custom Fonts is a powerful WordPress plugin that allows you to upload your own custom fonts or choose from a vast collection of Google Fonts, all host …

Kntnt's Row Closer for Beaver Builder Page Builder vs Custom Fonts – Host Your Fonts Locally