Category: Wordpress

How to Create a WordPress Membership Site with MemberPress & Elementor

Building a WordPress membership site is a powerful way to monetize your business. With a members-only section offering paid content, your site provides added value to your users, generates recurring income for you, and transforms your site into a community hub.
In the following article, we’ll show you how to easily build a membership site in WordPress using Elementor and MemberPress. This post will cover the setup process, membership and protected content creation, important page and login form design, email notification management, reports, and more.
Building a WordPress Membership Site – SetupThe WordPress sphere offers a ton of awesome solutions for creating membership sites, each with different features and their own pros and cons.
For this tutorial, we’ll use one of the world’s top and easiest-to-use WordPress membership plugins, MemberPress. The add-on works with any theme, is easy to use, is beginner- and developer-friendly and has a wide range of features. We recommend MemberP..

How to Create a Lottie Widget Download Button

This guide to Lottie Animations will show you a creative way to use the Lottie widget as a button and set it to play an animation and download a free eBook upon clicking it.
You may have noticed lately that UI animations are gaining a lot of popularity in the web design domain. Web creators have many options for how to add animations to the websites they build. Personally, our favorite these days is using Lottie animations, even though alternative methods such as creating SVG animations, or vector animations using After Effects, are also great.
In terms of added value for the website visitor or interface user, animations are a great friend of user experience. Because user experience thrives on exciting micro-interactions and grabbing user attention in a subtle, elegant way, well-crafted animations are a game-changer when it comes to crafting a user-friendly interface.
If we narrow our discussion one step further, one of the most effective use-cases for animation design is animated bu..

What Is WordPress Multisite and How to Set up a Multisite Network

In this post, we'll explain how WordPress Multisite works and when you should use it. In addition, we'll show you step-by-step how to create your own WordPress Multisite network.
WordPress Multisite lets you create an entire network of sites powered by a single WordPress install.
You can either keep your network private and use it to power your own network of sites – like a local business creating a network site for each location. Or, you can make your network public and let people register and create their own sites in your network, like WordPress.com.
While each site gets its own dashboard, everything is powered by a single WordPress install and a single database, and individual site owners don’t have quite as much control.
In this post, we’ll share a little more about how WordPress Multisite works and when it is, or isn’t, a good idea to use Multisite. Then, we’ll show you step-by-step how to set up your own WordPress Multisite network.
How Does WordPress Multisite Work?W..

Introducing Multi-Step Form & Lottie Animations

We’re thrilled to introduce two new amazing features to Elementor Pro v2.10: Multi-Step Form and Lottie widget.
Play Video Get Elementor Pro Welcome to Elementor 2.10 – the version that comes with the feature most of you voted for!If you recall, we had ‘feature vote’ during Elementor’s 4 million websites celebrations, where the winning feature you wanted us to develop next was Multi-Step Form. A few months and one million websites later, and we bring you that feature.We didn’t stop there, and are also adding another powerful feature, which was chosen as the close second by our users. It was a close match, and we wanted to treat everyone who voted.So, without further ado…Introducing Multi-Step Form and Lottie Animations! Improve your form submission experience and add interactive animations to your sites. MULTI-STEP FORM
An Even More Robust Form Builder The Multi-Step Form functionality is now added on top of Elementor’s already robust Form Builder. You now have a form builder that cov..

How To Wireframe A Website in 3 Easy Steps

Wireframing is a fundamental part of every web creator’s design workflow. Learn how to wireframe your entire website from start to finish, and easily recreate it in Elementor.
Design Process 101: Wireframe vs. Mockup vs. PrototypeDesign terminology can be confusing, so let’s make sure we clarify all of the terms. Wireframes can be thought of as the architectural blueprint, a mockup as a colored, detailed drawing of the building, and the prototype of the display house. Each one serves a very different purpose, but they all share a common goal: to refine and solidify each stage of the design process.
Wireframe Like we discussed earlier in the post, a wireframe is a static, low-fidelity, visual representation of an interface using only simple shapes.
Eventually, some placeholders may evolve to real graphic elements or actual text so designers and developers can gain a better feel for how everything fits together.
Because wireframes are composed exclusively of black and white placeholder..

What Is Dynamic Content in Elementor Pro? Plus How to Use Dynamic Content

Dynamic content plays an essential role in creating theme templates. In this post, you'll learn about what dynamic content is and how to use it in your Elementor designs, along with some examples of what you can do with it.
With Elementor Pro, you get access to a powerful new feature – dynamic content.
Dynamic content lets you take content from somewhere on your WordPress site and automatically insert it into your Elementor designs.
If you use Elementor Theme Builder, dynamic content will play an essential role in helping you create your theme templates. And even if you’re not building theme templates, you can still use dynamic content in your one-off Elementor designs.
In this post, you’ll learn more about what dynamic content is and some of the ways in which it can benefit you. Then, we’ll show you how to use dynamic content in your Elementor designs, along with some examples of what you can do with it.
What Is Dynamic Content?In general, dynamic content is content that changes..

Monthly Template Kits #9: The Online Course Template Kit

Our online course template is a simple, modern and easy to use template kit that is versatile for all types of web creation needs. With the Corona crisis in mind, we’ve identified that many freelancers and entrepreneurs are looking to create online courses with the content they have, and need a simple yet effective way to do so.
As we mentioned in a recent blog post, creating online courses is a great way to monetize your website, especially in a time like this where many businesses are experiencing a dip in their earnings. But the template kit is in no way limited or exclusive to online courses. It can also be used for cooking videos, learning languages, parenting blogs, etc.
One thing to keep in mind is that this isn’t a learning management system (LMS). The difference here is that this is an education template, not an interactive course site that can be paid for on the course, set up users and so on. We did it with just Elementor and no other plugins/tools.
Here’s an explanation s..

The Best CSS Spinners & Loaders

Using modern CSS and HTML, it has never been easier to create loading spinners of any kind. This article showcases over 40 different techniques and styles of pure CSS3 animations for creating any CSS loader your website may need.
What is a CSS Loading Spinner?If you use a computer, you have already seen spinners multiple times. They are small animations used to indicate that something is loading and that the user needs to wait a bit. Your operating system, for example, displays a loading spinner when you launch a program. It indicates that the OS has understood the instruction and is in the process of launching the desired application. The user can then know that their request is being processed and that they just need to wait a bit for the program to be launched and operational.
On the Internet, spinners and loaders have always been used on sites and apps, with the same goal as their desktop counterparts. Years ago, loading spinners were mostly in the form of a .gif image. But as imag..

Best WooCommerce Code Snippets: Add to Cart Link & More

Create a Direct “Add To Cart” Link Remove Address Fields in Checkout Define the Number of Products Displayed Per Page Add a Message Above The Login/Register Form Remove WooCommerce Breadcrumbs Redirect the “Add To Cart” Button to the Checkout Page Replace “Out of Stock” by “Sold” Restrict Shipping to Selected Countries Display “Product Already in Cart” Instead of “Add to Cart” button Add Custom Page Navigation to WooCommerce Create a Direct “Add To Cart” LinkSometimes you just need to let the user add a product in the cart by clicking on a link. It’s really easy to do, just add ?add-to-cart=974 at the end of any link.
In this example, 974 is the product id, and should be replaced by the id of the product you want to add to cart.
http://yoursite.com/checkout/?add-to-cart=974 Source: Nicola Mustone
Remove Address Fields in CheckoutIf you’re selling digital goods, you don’t necessarily need to ask the buyer for his address. In order to remove the address fields from the checkout, insert t..

PHP cURL Examples: 10 Awesome Things to Do With cURL

Acknowledgments 1 – Update your Facebook status 2 – Get download speed of your webserver 3 – Myspace login using cURL 4 – Publish a post on your WordPress blog, using cURL 5 – Test the existence of a given url 6 – Post comments on WordPress blogs 7 – Follow your Adsense earnings with an RSS reader 8 – Get feed subscribers count in full text 9 – Get the content of a webpage into a PHP variable 10 – Post to Twitter using PHP and cURL AcknowledgmentsNew to cURL? If yes, check out the following articles to learn the purposes and basics of cURL/libcurl.
cURL Wikipedia pagecURL tutorial: Using cURL to automate HTTP jobs Please note that some of the techniques shown here can be used for “blackhat” methods. The goal of this article is only educationnal, please do not use any of the snippets below for illegal stuff.
1 – Update your Facebook statusWanna update your facebook status, but don’t want to go to facebook.com, login, and finally being able to update your status? Simply save the followin..

Receive the latest news

Subscribe To Our Dyno Newsletter

Get notified about new articles.