Lottie animations are becoming increasingly popular by the day. They – which are high-quality lightweight animations that allow the browser to handle rendering – are a genius idea. The great thing about a Lottie animation is its small size. While a high quality GIF animation or an MP4 video might take up megabytes of storage, an animation of the same length but with much higher quality could easily be less than a megabyte. Quality matters, and the demand for Lottie animations is growing. In this article, I’m going to show you how you can use them on your WordPress website with the Jupiter X theme.
To find out more about Lottie Animations, please visit this page.
What we need:
Simply, a WordPress website, Elementor and a Lottie Elementor extension. But since I have the Jupiter X theme installed on my website, I will simply use the bundled plugin Jet Elements, which has a Lottie animation widget.
So, it’s not a big deal to display a Lottie animation if you already have one. Let’s go ahead and go through the motions right now.
Finding the right Lottie animation
Before doing anything, I need to first find the animation that I need. So, I’ll open this website and browse the gallery.
This animation will get the job done for my advertisement box, so I’ll click on it.
Lottie animation gallery
Then, I’ll go ahead and download the JSON file.
Downloading the Lottie Animation JSON file
Now that I have the JSON animation (named as ‘427-happy-birthday.json’), I just need a place to display it on my website. So, I’ll install and activate the Jet Elements plugin on my WordPress website like the following.
Installing Jet Elements
In order to install Jet Elements plugin, navigate to your Jupiter X website control panel, then click on the Plugins tab.
Installing Jet Elements plugin
Now click on the Install and Activate plugin button and wait for it to be finished. After successfully installing, you should see this message:
Jet Elements installed and activated
Now navigate to WordPress Dashboard -> Crocoblock -> JetPlugins Settings -> Jet Elements -> Widgets & Extensions, and make sure the Lottie widget is enabled.
Enabling Lottie widget
Inserting a Lottie animation onto the page
Now create a page on your website and edit it using Elementor. What we need to do is to drop a Lottie widget into your page. To do that, after loading Elementor, type “Lottie” in the widget search bar or scroll down to see the Jet Elements widgets.
Drag and drop the Lottie widget onto the page
Now, upload and assign the “427-happy-birthday.json” file that we downloaded during the first step.
Uploading the Lottie JSON file
And that’s it! It was as simple as uploading an image. You can assign a link to your animation, change the speed, loop, alignment, opacity and many more via the options available with this widget. To find more about what you can do with it, check out this article.
How can I create my own Lottie animation?
That’s an excellent question. What if you couldn’t find the animation you wanted or what if you needed to use your own branding materials in the animations? The answer to this question is, currently, the only tool available that allows you to customize and create your own animations is Adobe After Effects. Most of the infographic animations you see everyday have been made by this software.
You can also export your Sketch files using plugins and bring them to Adobe After Effects and then export them as Lottie animations. Actually, it’s possible to turn any kind of vector arts into Lottie animations, but you should do multiple conversions, and in the end, you’ll need to animate them using the Adobe After Effects software. That’s why Adobe After Effects, with the help of an extension, is currently the only producer of Lottie animations. To find out more about it, please check out this AirBnB article to learn more about how to create Lottie animations.
Also, there are some tools you can use to edit Lottie animations online. Currently, they can’t be used to edit the shapes and animations and only the text and colors can be changed. Lottie animations are JSON files after all, and it’s possible to edit this kind of stuff easily. Certainly if this technology becomes more popular, more and more online tools and editors will be available on the market. Lottie has become quite popular in its brief lifespan and yet has a lot to go in its future. Check out these online tools and editors that are available right now:
In this article, we reviewed how easy it is to add Lottie animations onto a website. Due to its capability to support high-quality videos that are small in size, it’s become popular, and with each passing day, more and more apps are using Lottie animations. Because the size of a web page matters, this technique can be very useful in reducing the overall size of your pages. Try Lottie animations once for your ads campaign, and you’ll notice how attractive they are. If you have any questions about it, don’t hesitate to reach out in the comment section below.
This is a guest post contributed to Artbees Themes Blog by Hailey Lucas.
Google is the most visited site in the world and, for most other sites, their most powerful distribution channel. Creating valuable content that ranks should be a priority for all marketers. To do this, you need to do keyword research for a WordPress website, which can inform your content strategy and reveal what target customers want to know about a topic.
Keyword research identifies head, body, long-tail, and semantic keywords:
Body. Descriptive keywords that make the search query more granular (e.g., sales team management software, free team management software).
Long-tail. The near-infinite variations on a topic for users with refined interests (e.g., project team management software slack integration).
Semantic. Related keywords that may not share the exact same terms as your other keywords (e.g., best task management app).
Keep in mind that keyword research should guide your content strategy, not dictate it.
How to do keyword research for a WordPress website
When it comes to performing keyword research, there are a number of steps you will need to take in order to have a chance at successfully ranking.
The first (and hopefully obvious) step involves understanding your target audience and what they are searching for online. It’s important to draw the line between what you want to rank for and what your target audience is actually searching for, as they can be two entirely different things.
For example, if you are a pizza parlor in New York City, you may want to rank #1 for “pizza parlors in new york city” or “best pizza parlor in new york”, but that is only the tip of the iceberg of what you should try to rank for. In reality, there are a variety of things pizza eaters may be searching for, and here’s an example from Google on related search queries for this example:
If you focus only on the primary keywords, or the ones you want to rank for, you will miss out on a lot of opportunity to rank for other relevant keywords. Remember, you don’t want to put all of your eggs in one basket (or keyword).
The next step is to use a keyword research tool to identify other keyword opportunities, find out what your competitors are ranking for, and also see the monthly search volume of each. Keyword research tools often rely on third-party estimates of search volume and competitiveness. The data is directional, not absolute.
Your strategy should also focus on content that’s representative of your expertise and aligned with relevant, high-volume keywords—what you should rank for, not just what you could rank for.
Now, let’s take a look at the top free and paid tools that you can use to develop and execute an effective, search-driven content strategy.
What are the best free keyword research tools?
There are plenty of keyword research tools available for you, and thankfully, most are free. In order to find the best one, you need to evaluate your business goals and understand the different features each tool offers.
Whether you’ve started a new blog or are just maintaining an existing one, keyword research is an essential part of your SEO strategy. For some keywords in certain industries, it’s extremely competitive.
For example, a blog post about an Amazon repricer can rank for 27 keywords and show up third for “best Amazon repricer,” while a blog post for a mattress company can rank for 3,800 terms and show up first for “best made bed.” Both are competitive industries and need an airtight strategy to beat their competitors.
When you move across industries like CBD or insurance, keywords are few and far between, making them even more competitive. Let’s take a look at the different free keyword research tools available that you can use to drive traffic to your site.
1. Google Keyword Planner
Google Keyword Planner is the standard for keyword research, because the data comes straight from the source: Google. Also, the keyword planner is a tool within the ad manager, making it super easy to set up ad campaigns that capitalize on this data.
By running a simple search for the keyword ‘electronic signatures’, you can see the average monthly searches, competition, ad impression share, and range for the top bids. On the left side, you can see where you can start setting up your campaign with ad groups, keywords, and location-based targeting.
2. Ubersuggest
Ubersuggest, founded by Neil Patel, builds on most of the insights that Google Keyword Planner uses and adds context to them. It provides search volume, SEO difficulty, paid difficulty, and cost per click.
The distinction between SEO and paid difficulty is helpful, because as you can see, there is a significant difference between the two in the example below (45 vs. 83). The app also shows search volumes over time, relevant content that is currently ranking, the domain score, and the number of backlinks that competitive content has for that specific query.
Ubersuggest provides more applicable insights, compared to Google Keyword Planner’s data-centric approach. Let’s take a look below using the keyword ‘scheduling software’:
3. Moz
Moz Keyword Explorer is a free tool under the Moz brand that can help direct your SEO and content marketing strategy. With the free version, users can get up to ten keyword search queries per month. This tool is unique because it shows organic click-through rate, a metric that shows how much potential search volume there is that isn’t obstructed by paid ads, verticals, and other listings that compete for attention.
In addition, the priority score averages together the volume, difficulty, and organic CTR. You want to optimize for keywords with a high priority score.
4. WordStream Free Keyword Tool
WordStream’s Free Keyword Tool takes a straightforward approach to presenting the data similar to Google Keyword Planner. The software presents search volume, cost-per-click, and competition data. It doesn’t show competitive content or provide any unique insights.
It does, however, show you search results for both Google and Bing. In addition, it even lets you choose the industry or geolocation to narrow your scope. The “Email All My Keywords” button is an easy way to export and send the data in only a few clicks.
Soovle provides a high-level overview for related keywords and what content is ranking on each search engine. It does not offer search volumes, click-through rates, or difficulty rankings like the other platforms.
The tool is more basic and manual than some of the other options available. Users can type in their search query and watch as related terms appear all around the page. They can select the search engine, click “Soovle,” and see the results. Because of the manual nature of the tool, you’ll probably want to hire a freelancer to assemble it in an easy-to-digest way.
6. Answer the Public
Answer the Public positions itself as a search listening tool that you can use to discover what people are asking. The value that Answer the Public brings is through its data visualization features. After typing in a keyword, you’ll generate word maps that include related queries.
For example, if you were searching for ‘online whiteboards’, you will discover other suggestions relevant to queries such as ‘best online whiteboard tools’, ‘online whiteboards for free’, ‘online whiteboards for teaching’, ‘online whiteboards for virtual teams’ ’and more:
The tool ranks keywords alphabetically, rather than by search volume. This is effective as an idea generator, but not ultimately as a guiding SEO tool. Valuable dating including click-through rates and difficulty levels are absent in the free version.
7. Google Trends
Google Trends shows the progression of interest in specific topics and search terms. This tool doesn’t get as specific as Google’s Keyword Planner, but can be useful to help track topics over a period of time.
It’s especially useful for local searches. In addition, you can segment the interest by subregion to see if those searching for the topic live in your state.
It would be a good idea to use this in tandem with Google Keyword Planner. You can see topics that are building momentum and cross-reference them with search volumes to ensure that you’re optimizing for the right focus keyword.
For instance, if we type the keyword ‘writing jobs’ into Google Trends, below you will see that the topic query has exploded as of recent:
8. Bonus: Google Ads
Google Ads is the last of the Google tools that can help you with your keyword research. With Google’s Keyword Planner hosted inside the Google Ads platform, these two tools complement each other for both your organic SEO and paid ad campaigns.
With Google Ads, you can leverage the cost-per-click and competition ratings to build an understanding of how many competitors are going after the same keywords.
In addition, your ad campaign click-through data will provide insights for what your customers are interested in and clicking on.
What are the best paid keyword research tools?
Paid keyword research tools improve upon the paid versions by providing all the basic features as well as backlinking metrics, long-tail keyword identification, ongoing reporting, and more. When selecting a paid keyword research tool, you should evaluate each individually to ensure your needs are met.
9. SEMrush
SEMrush is one of the best-known paid SEO tools on the market. The paid version provides a comprehensive overview of keyword analytics to aid in the execution of a successful content strategy.
In addition, to all the standard data available in the free tools, it also highlights related keywords, a keyword gap analysis, common questions, and popular keyword variations. SEMrush’s Keyword Magic Tool is what sets it apart. The dashboard may feel similar to Google’s Keyword Planner, but it allows the user to get even more granular in the data.
You can toggle between broad match, phrase match, exact match, and related keywords. You can also track volumes, trends, keyword difficulty, density, serp features, and overall results.
10. Ahrefs
Ahrefs is another premium tool that provides a comprehensive look at your keyword research. There are numerous visualizations for keyword difficulty, search volumes, cost-per-click data over time, and even detailed anchor text reporting, allowing you to create a comprehensive plan.
Ahrefs has more ways to segment the data and add individual queries to various lists. Lastly, Ahrefs offers a way to research keywords on YouTube, Amazon, Bing, Yahoo, Yandex, and more. For me, the YouTube keyword data is crucial as that’s not easy to find and it’s the world’s second largest search engine.
This is very valuable for brands as there are many different ways to make money on YouTube. The main advantage of Ahrefs is the serp overview section provided for each keyword query. This section outlines the currently ranked listings and compares their domain authority, backlinks, URL ranking, traffic, keywords, and top keyword.
This provides a competitive analysis and can outline the steps you need to take to improve the ranking of your piece of content.
11. Moz Pro
Moz Pro no longer limits you to ten keyword searches per month. In addition, it unlocks other features that support other aspects of your SEO efforts including a campaigns tab, web explorer, on-page grader, on-demand crawl, and a rank checker feature.
12. Serpstat
Serpstat is the “all-in-one SEO platform.” Right away, you’ll notice that it separates organic keywords and PPC keywords in the Keyword Research dashboard. In addition to the standard data provided, Serpstat also provides total results, social media domains in the top results for the specific keyword, and a way to segment all the data by country.
The keyword dashboard also has a “Competitor” option that will allow you to add and customize your list of competitors to track. This will provide you with up-to-date monitoring of their SEO efforts, so you can stay one step ahead.
13. KWFinder
KWFinder is a keyword research tool under the Mangools brand. Under the “Search by Keyword” tab, you can filter by autocomplete to see how many searches your keyword will show up as an option to select before the user finishes typing.
In addition, there are graphs to show both monthly searches and overall trends. The SERP overview is rather simple, depicting only domain/page authority, citation/trust flow, backlinks, Facebook shares, link profile strength, and estimated visits.
This section relies on the user to crunch the data and extract their own insights from it.
14. Majestic
Majestic helps users find out who is linking to their site. The tool places an emphasis on backlinks and delivers essential data including external backlinks, referring domains, referring IPs, and referring subnets.
As you can see, running a search for a blog post on a given site shows only two external backlinks. However, the entire site had 771 backlinks. Meanwhile, GILI Sports has a closer ratio with 80 backlinks on the homepage and 352 on the entire site.
With this data, you can dive in to see which backlinks are driving the most traffic and keep track of all the ones you have secured so far.
15. Long Tail Pro
Long Tail Pro’s unique features include the average keyword competitiveness rating, a number 1-100 that rates the “viability of the keyword’s competitiveness specific for your brand.” This helps indicate which keywords you should focus on.
In addition, the tool provides a view of the competitive landscape with trust flow, citation flow ratings, site age, and referring domains. Trust flow analyzes the site’s influencer, while citation flow tracks how many times the site is linked.
16. SpyFu
SpyFu is a comprehensive SEO tool with a breadth of keyword research and planning features. Without even logging in, you can enter a site to see its SEO overview, competitors, keyword groups, ranked keywords, ranking history, top pages, and backlinks.
In this example, we used Login Lockdown. As you can see, the query pulled the most valuable keywords that the site is currently ranking for and included their change in rank. The keyword overview also provides top ad buy recommendations, a roster of backlinks to pages on the site, and a serp analysis that provides keyword recommendations.
17. Jaaxy
Jaaxy dubs itself as “the world’s most advanced keyword research tool.” The two unique metrics this platform tracks are quoted search results (QSR) and keyword quality indicator (KQI). QSR is the total number of sites that rank for this specific keyword. KQI takes into account the traffic and the competitive analysis to formulate a rating ranging from great to poor.
This helps users evaluate whether or not optimizing content for that keyword is a good idea.
Currently, you can sign up for a free trial of Jaaxy and get 30 free searches that show all the data for the first 15 related search terms. The paid version unlocks the domains feature which will show you available domains related to your search query.
18. Keywords Everywhere
Keywords Everywhere is a Chrome extension that natively integrates with your browser and shows the search volumes, cost-per-click, and competitive rankings for terms you are actively searching.
All you need to do is search your desired keywords and the Keywords Everywhere snippet will show up at the top of the page. This is a useful tool for quick insights, but for long-term SEO planning, one of the other platforms will work better. However, the export to CSV function and ease to delete the box provides a simple and engaging addition to your keyword research efforts.
How to choose the best keyword research tool
Well, there you have it. Over 18 keyword research tools are available at your fingertips. But how should you choose? You need to evaluate which one is right for you.
Aaron Haynes, CEO of Loganix, says, “Keyword research lays the foundation for an effective, impactful SEO strategy. Without it, you’re attempting to build a house with no blueprint.” That’s why selecting the right keyword research tool is so important. Most of the tools listed above offer a free trial. Pick a few and sign up to take them for a test drive.
Then, you’ll be able to pit the programs against each other to decide which feels more intuitive and which gets the results you need. Perhaps budget is driving your decision making process. If so, consider KWFinder, Majestic, Long Tail Pro, Spyfu, Jaaxy, or the Keywords Everywhere extension.
Spyfu’s breadth of capabilities compared to its low price of $33/month is one of the best values I’ve seen.
Keyword Tool
Price
SEMrush
$99-$399/mo.
Ahrefs
$99-$999/mo.
Moz
$99-$599/mo.
Serpstat
$69-$499/mo.
KWFinder
$26.91-$71.91/mo.
Majestic
$49-$399/mo.
Long Tail Pro
$25-$98/mo.
Spyfu
$33-$39/mo.
Jaaxy
$49-$99/mo.
Keywords Everywhere
$10 for 100,000 credits
If price isn’t an issue, consider what aspect of the keyword is most important to you. After compiling this research, the following tools would be the ones I would select for each primary use case:
Competitive Research: SpyFu has everything you could need to benchmark against your competitors. Add their sites to begin tracking. Sign up for email alerts to be delivered to your inbox. With a name like SpyFu, would you expect anything less?
Link Monitoring: Majestic is almost solely focused on backlinks. The platform not only shows how many backlinks your page has, but also separates them into different classifications depending on the type, IP address, referring domain, and more.
On-Page Suggestions: SEMrush has a complete On Page SEO Checker that is built to improve your optimization, identify relevant unused keywords, and compare your pages to your competitors. For example, when it comes to optimizing for on-page SEO, you not only need to use the right keywords – but also the correct form of grammar. I typically recommend using a grammar checker tool to ensure everything is best optimized.
Technical SEO: Ahrefs, one of the golden standards in SEO, offers site audits. It will crawl your site and identify internal links that need fixing, site speed issues, and more.
As with any tool, each can provide value, but it’s up to you to extract the insights and use them to execute traffic-generating campaigns.
Conclusion
Keyword research is an essential part of your SEO process. It can quickly direct marketers to the topics and content that customers are seeking. However, marketers should only use the data as a guide. The numbers reflected in keyword research tools are estimates that should inform their marketing strategy, but not define their every move.
Depending on your budget and SEO needs, there is a tool that can help you and your business’ content strategy. Without the right keyword research tool, you’ll miss out on valuable data that can help you drive more traffic and convert more sales.
While you might be running a decent website, you could be limiting users from becoming customers if your site is only in one language. Creating a multilingual website is simply better than having a single language site for a number of reasons.
A multilingual site will add extra value to your website. By having one, you’ll not only gain the upper hand over your competitors but you’ll also win the hearts of your customers in their native language. This is particularly true if you’re operating a local website and you never know which language that your customers are most comfortable with.
In this article, we’ll discuss why you need to have a multi language website and how Polylang can be used for free in Jupiter X to achieve this goal.
What is Polylang?
There are many translation plugins out there in the world of WordPress plugins. You have a plethora of options – from paid to free plans or for a particular reason or general use. For the purposes of this article, we’ll use use the popular plugin Polylang, which we highly recommend because it’s easy to use and free.
With Polylang, you can add as many languages as you want to your WordPress site, as well as create pages, posts, custom post types, or taxonomies and define different languages for them. It also supports the right to left languages (RTL).
Let’s identify the key features of this plugin:
Manual translation of the content
Unlimited amount of the supported languages
Easy-to-use interface and easy-to-configure settings
translation services, and your content will be translated by language professionals.
How to setup Polylang
Now let’s try to create a multilingual site that is fully functional using Polylang and Jupiter X. I’d like to also mention that, in this case, the Jupiter X theme is not a special theme. All the plugin’s settings that work in Jupiter X will work in another theme as well. In other words, this tutorial isn’t only for Jupiter X.
First of all, we need to install the plugin. This can be done from WordPress dashboard > Plugins > Add new. Then search for Polylang, install it, and activate. Right after activation go to settings and choose your language:
Once you add Languages, you may choose the default language of your site by clicking on the star icon here:
The next step in creating a multilingual site is to visit the Strings translation page, where you’ll be able to translate some of your sites important texts like the website’s name, site’s title and format of the date for different languages:
Basically, we are done with setting up the plugin and are now ready to work with the multilingual posts, pages, menus and other content types on the site:
Multilingual post types
Posts, pages, portfolios, and other post types are the main content of your website, the reason you are making a multilanguage website is your content, Polylang simplifies working with multi language content
To add a multi language page (post or any other post type), go ahead to your post type. In this case, we’ll use pages, open all pages, and on the right side of the page names you will see + sign at the page where you need to add another language, once you click on the button, you’ll be redirected to the page with the selected language for editing:
By opening this page, you’ll see a native screen where you’ll need to add the name of the page and the content.
Multilingual Menus
Needless to say, your site also needs multi language menus. When the user switches from one to another language, you might show them different content, but language in the menus must change as well.
In order to add multi language menus to our site, open Appearance > Menu and create different menus for different languages. For instance, if you have 3 different languages on the site, you need to create 3 different menus and once you are done creating them, you can set them from the menu location. Here’s how it’s done:
Multilingual Widgets
Now, let’s take a look at the widgets. They can be accessed in Appearance > Widgets. Once you add any widget in the sidebar or in the footer, you’ll notice that it has a dropdown language switcher. This feature allows you to set different parameters for different languages:
Language switcher
The Language switcher is probably the most important front page element on your multi language site. It’s an indicator that shows you the multilanguage site. Without this element, no one would be able to notice that your site is multi language, and switching from one to another language would be impossible.
The Language switcher can be accessed in the same location as a widget, in addition, it can be also accessed in the Elementor page builder. This feature in Jupiter X allows you to place the Language switcher anywhere you’d like to have a language selector on the site. It can be placed in the header or the footer.
Conclusion
What we’ve covered in this blog post were the general configuration steps and setup procedure for the Polylang plugin to create multilingual content that can be used on any kind of site. If you have a specific question that is related to the uncovered theme in this plugin, you may use official documentation of Polylang. We’d love to hear about your experiences with Polylang in the comments section below!
In WordPress, to access the login page of your website, you can use the default WordPress URL yourdomain.com/wp-login.php. But what if you have a large website with different authors? Then, you might need to create a custom login/register page – this is necessary for shop sites that require users to log in before making a purchase. You can build these pages with the help of Elementor and Ultimate Member plugins, both of which are already bunded with the Jupiter X theme.
In this article, I’ll show you how to build and customize login/register pages with Jupiter X by adding login/register buttons in the header and link them to custom pages with the appropriate forms or to enable the forms as a popup window.
Steps before creating a form
Before getting started on creating a login/register page with Jupiter X, you need to first install the Ultimate Member plugin on your WordPress site. Add this plugin as any 3rd-party plugin of WordPress: go to Plugins > Add New in the dashboard as described in this article.
Once the plugin is installed and activated, you need to create the Login and Registration forms. You can also create a default Profile page if you want to redirect a user to it after they’ve successfully logged in.
After the installation, you’ll see Pages in the Ultimate Member Settings:
They are required for the plugin to work properly. Find more information about the pages in the Ultimate Member documentation. If the pages have been deleted for some reason, you’ll need to create them, add the form shortcode and assign the appropriate page in the settings.
Creating the registration form
To start creating the registration form, go to Ultimate Membermenu > Forms. There you’ll be able to edit a default form or create a new one.
Let’s add a new form: click on the Add New button, you’ll be shown a New Form page where you’ll need to write the title of the form and select the type – Registration Form.
Below, there is a Form Builder where you can add the fields to the form. Let’s add the fields Username, Email Address and Password. Click on the plus icon to add the new fields.
From the Predefined Fields section, select Username. This field will be added to the form, and you’ll just need to click the plus icon again to add another field. Once all fields are imported, click on the Create button on the top right side.
There is a possibility to style the fields – you can set the background and text colors, edit padding values, borders, etc. To do this, click on the pencil icon, and a modal window will pop up with the styling settings.
Other customization options can be found on the right side of the form editor under Customize This Form section, select Yes for the Apply custom settings to this form setting. Here you’ll be able to assign a user role to the form, change the form width and rename the button from Register to whatever you’d like to name it.
Or you can edit the global settings in Ultimate Member > Settings > Appearance > Registration Form.
When you’re ready with the form, you need to copy its shortcode from the Shortcode section and paste it into the text editor of the Register page in the Pages menu.
More detailed information regarding the registration form can be found in the plugin documentation.
Creating the login form
When new users are registered, they should be able to log in to make purchases or manage the site according to the user role assigned. Creating the login form is similar to the registration form creation. Click Add New under Ultimate Member > Forms, write a title of the form and choose the type Login Form.
As we did for the registration form, click on the plus icon to add some fields to the form. For example, we’ll choose Username or Email Address and Password. Style the fields by modifying the colors, borders, etc. Simply click on the pencil icon to do this, and once you’re done with this form, click on the Create button.
The customization options are the same as for the registration form: you can modify the settings in the form editor directly in the Customize this form section on the right side of the editor (it’s convenient if you have multiple login forms and want to customize them differently) or modify the global settings under Ultimate Member > Settings > Appearance > Login Form.
Another useful setting here is Redirection after Login, which can be found in the form editor on the right side under the Options section.
There are four options you can choose from to redirect a user after a successful login:
Redirect to Profile
Redirect to URL
Refresh Active Page
Redirect to WordPress Admin
When the form is ready, copy the shortcode from the Shortcode section on the right side and paste it to your Login page in the Pages menu.
Once you’ve customized the forms, let’s then assign them to the buttons in the header.
Assigning login/register pages to the buttons in the header
To add login/register links to the header, you need to create a custom header with Elementor at first. If you don’t have it yet, read this article on how to create a custom header. To show the login/register links, you can use the Icon List element and add the links of your pages in the settings.
It’s supposed to change the login link to log out once the user is logged in. To achieve this, we’ll use custom code.
First, add the Icon List element with the log out link and assign custom classes in Advanced > CSS Classes of the Icon List settings. For example, let’s assign the login_link class for Login/Register Icon List and the logout_link class for the Log Out Icon List.
Then add custom css code to Jupiter X > Customize > Additional CSS:
If you want to add Login/Register links inside the menu, it can also be done. The instructions are described in the Ultimate Member article.
How to open login/register forms in the popup window
If you prefer to show login/register forms in a modal popup instead of redirecting visitors to a new page, read the instructions below. I’ll use the JetPopUp plugin to create popup windows. The plugin is bundled with the Jupiter X theme and can be installed via Jupiter X > Control Panel > Plugins. Once you’ve installed the plugin, let’s create a popup for the login link. Go to the JetPopup menu in your dashboard and click on Add New Popup, write the title for it and publish.
The page will be updated, and you’ll see the button Edit with Elementor. Click on it to open the Elementor editor. The process of adding the form is very simple: look for the Shortcode element, drag and drop it into the editor, insert the shortcode of the login form that you created in Ultimate Member > Forms.
Don’t worry if you can’t see the form in the editor, that’s normal when using shortcodes as it will be visible fine in frontend. I’ll add two forms – login and register – in one popup window dividing a section into two columns.
To style the popup container, just open the JetPopup Settings as described in the plugin documentation.
Now it’s time to assign the popup to login/register links in the header template. Go to the Templates menu and open the Header template in the Elementor editor. Find the Icon List element that was added for the login/register links (you may not see it when logged in as we hid it with custom CSS code, so it’s better to use Navigator), open Advanced tab > JetPopup > select the popup in the Attached Popup field and Click on Widget from the Trigger Type field. Update the template with the new modifications.
Check the popup on the frontend, open your site as a guest and click on Login/Register in the header. The popup will then appear.
Wrapping Up
As you might have been able to tell, the process of creating and adding login/register pages with Jupiter X can be a bit tricky. Hopefully, this article helps you to make this process smoother. If you’ve followed all the steps laid out in this post, then you’ll have registered users on your site with the Ultimate Member registration form. This plugin will allow you to create beautiful user profiles, and your users will be able to join and become members with absolute ease. If you can recommend other plugins to create login/register forms, feel free to share them in the comments.
When was the last time you bought a magazine? The chances are that you don’t even remember unless you’re an avid reader who still carefully keeps up the tradition of going to the newsstand and picking your favorite magazine right after it comes out! Just like in every sector, the internet and digital age has dramatically changed the world of magazine publishing. Every day more and more magazines are moving online in order to keep up with the pace. Publishers have come to an understanding that online magazines are becoming more popular because they are easily accessible, and in most cases, free.
That being said, the trend of online blogs and magazine websites with WordPress on the rise. Undoubtedly, content is king, but if you want to put up a magazine website that is aesthetic, professional, visually appealing and user friendly, you need to pay double attention to website design. Even the best content seems banal sitting on a bad design.
Magazine-style websites should be dynamic, stylish, rich in content yet uncluttered and consistent in design. Maintaining these criteria is not easily achievable, so in this article, we put together some key tips along with some live examples from Jupiter X magazine and blog templates that can help you get inspired and create a professional-looking magazine website to reach a wider audience.
Layout matters!
Grid and masonry layout
Using vertical and horizontal lines of the grid system to organize content has always been a common practice in traditional paper magazines. Grid layouts are now modernized following the trends and are still a popular layout for blog, news and magazine websites as they make the website visually appealing, neat and easy-to-read. The grid layout – which looks like the cells of a table spaced perfectly right next to each other – creates the best architecture to organize your posts. Most of the Jupiter X magazine templates are designed under the grid layout in most sections. Here is an example of how it looks in action in the Joi template:
Another popular layout when designing magazine websites with WordPress is the masonry layout. A slight difference between masonry and grid layout is that images can be displayed in a larger size and that they are more fluid in their placement on the page. The Masonry layout comes in two inner and outer formats with their own aesthetic features. The trending News section in the Magazine 2 template enjoys this layout:
Lists
One of the unavoidable widgets in blog or magazine websites that feature heavy content is the Smart Post List, which will help you to organize posts in an interactive manner. You can customize the lists in many ways such as image size, featured post style, alignment, meta and more. Check out an example of the listing posts in the Magazine 2 template:
Tiles
Another cool way to display posts in stylish tiles is by using the Smart Posts Tiles widget. Just like lists, you can customize nearly everything in tiles, from image size and title length to box overlays and height and width. A perfect example of this style is live in the Photography Blog template’s homepage.
Posts carousel
One common and eye-catching way to display the recent posts on the website is by using a carousel style. Showcase your featured or most recent posts in moving slides, and readers will much easier be able to locate the important posts or even the archived posts from the past. Magazine 2 template uses the carousel in a neat way.
Visually appealing is a must!
The next time you buy a paper magazine, pay attention to the number of images, colors and other visual elements used on various pages. With a lot of content to read, rich media can make the design of your website compelling and more entertaining.
Images
Don’t underestimate the power of images in drawing the reader’s attention to stories. Think of your homepage as the cover of your magazine and try to make it as much attention-grabbing as possible. Use big, bold and high-quality images that are of course in line with your design style. Jupiter X’s Joi, Meditrinalia and Photography Blog templates include this image rich layout.
It would be even better you can invest in taking your own images. If that’s not possible, then you can look for stock photos on quality websites such as Shutterstock and Unsplash.
Using image-specific elements such as Image Accordion and Slider to showcase your posts makes your website even richer. You can find examples of these elements in the Magazine 2 and Simple Magazine templates.
Videos & animations
One fundamental difference between paper and online magazines is the use of videos and animations. Using them adds to the dynamism of the website. People tend to pay more attention to the posts that include a video compared to the text-only ones, so try to incorporate engaging videos that match the general feel of the website and the post they represent when you create a magazine website with WordPress, just as we did perfectly in Blog 2 and Magazine 2 templates.
Fonts
Another important factor that will make your website pleasing to the eye is the right use of fonts and typography. Don’t be afraid to use different fonts, font sizes and font colors that are consistent with the website design. Use larger fonts for headlines or the top news you want to highlight and smaller fonts in the footer or for older posts etc. Check out the various fonts, sizes and colors in Joi, Meditrinalia and Health Blog templates.
Headline
Regardless of how many types of content your magazine is covering, they all need attractive headlines – in design and content – to be read. It doesn’t matter if it’s on the stand or on a computer monitor – the first thing that a reader’s eye is going to notice is the headline. That’s why it’s worth spending time on it. According to some tests regarding headlines, the traffic to content can vary to as much as 500%. Thankfully, Jupiter X has solved the design part of headlines for you, and all you need to think about is content.
Avoid clutter
The most distinctive feature of magazine-style websites as stated above is being dynamic with too much content grouped together in a space as small as a screen. This creates a fine line between being stylish and being cluttered. While paying attention to the visual aspects of the website, you should also be careful not to drive your audience into an unwanted mess. Embrace white space and let your readers take small breaks in between their navigation throughout the website and focus more on the content that’s appealing to them.
The Blog 2, Isonoe and Simple Magazine templates struck the perfect balance between the white space and the posts and this created a seamless and uncluttered layout despite being heavy on content.
Allow users to navigate easily
Sidebars
There is a debate about using sidebars nowadays. For certain types of websites, sidebars have become obsolete. However, in situations where users need some guidance and/or you have a content-heavy website (such as a magazine website), sidebars can be useful. Sidebars play an essential role in designing magazine websites with WordPress as they are an excellent way to show other articles or pages of your website. They also allow users to navigate easily through the website or to display call-to-action buttons for something like a subscription or even a place for your social media accounts, just like we did it stylishly in Magazine 2 and in Magazine without any clutter to get the benefit of sidebars.
Mega menu
If your magazine website has a lot of categories and subcategories, then a mega menu is a good option to let users navigate easily through different parts of your website. This type of menu is useful to show all of – or most of – submenus of the main menu, and you can have a short description for each item on it. You have infinite customizability with Jupiter X’s Mega Menu, with a horizontal or vertical menu and add text, video, list items, image, icon, form and many more elements on your menu.
News Ticker
Have you ever noticed that narrow band of tape at the bottom of television channels for displaying news, information, advertisement, etc? It’s called a news ticker and is being increasingly used on the homepage of websites to show related information just like television channels. It can draw attention not only to the information that is shared but to the whole website. On a magazine website, you can use it to share your new articles so users can easily click and access that article. Or if you have a market or finance magazine, you may use it to show the price or rate of things that change frequently, but like most elements in a magazine website, it shouldn’t make the website appear too busy. Take a look at how we go about implementing this in the Blog 2 template.
Divide into categories
Another excellent way to appeal to site visitors while creating a magazine website with WordPress is by archiving your content into meaningful categories. To do that, you should have a clear understanding of why your audience visits your website. Avoid making too many categories as it can cause clutter on your website. For example, if you’re thinking of having a general fashion magazine, it would be wise to divide categories into Men, Women, and Kids for the main page. Jupiter X provides both outer style and inner style for categories, for instance, we designed Magazine 2 with inner style to categorize contents and Fashion Blog with outer style.
Include a subscribe button or sign-in form
Online magazines are becoming popular for a reason: they are easily accessible. In order to keep readers engaged and faithful to your magazine or blog, you should let them subscribe to it with ease and just like they could get paper magazines in their mailbox, let them gain access to the latest news in their inbox. Failing to do so can make you lose them forever to competitors.
Most magazine templates from Jupiter X include a subscription section and a contact form for possible questions and queries. The best practice is that you include the subscription button down every page of the website. Check out the Magazine 2 and Blog 2 templates as examples for both.
Embed social media
With so much content available for free on the internet and social media, promoting your content seems pretty difficult in such a competitive field. Thus, the effect of social media is undeniable for your brand and content to go viral. Make sure you allow for a discussion on social media about your content, which will operate like “word of mouth” in the digital world. Embed your social media accounts wherever possible on your website that of course does not make the overall design look ugly! The header, footer and contact pages are the best places to consider.
Wrapping up
There’s no doubt that you should focus and spend a lot of time on an eye-catching design to create a magazine website with WordPress, and Jupiter X would be a huge help and easy way to achieve it. We provide various templates with a lot of features for different tastes that, like all the templates of Jupiter X, you can add, edit, or delete every element of your website. Now it’s your turn, are we going to see a new online magazine soon?
Throughout its existence, email marketing has experienced some major changes. This is particularly true for the past 10 years with the appearance of several new tools and standards that have fundamentally altered email marketing. An email campaign from the early 2000s would look completely different from one today. An email that would have a high likelihood of being opened might not even make it to a user’s inbox today. This is because email providers and services have rolled out several quality measures in an effort to ensure recipients get emails that are most relevant to them.
In this post, we’ll take you through these standards so that you can take the necessary steps to ensure that your email campaigns avoid the spam filter and land in a recipient’s inbox.
1- Send emails with your own domain
When sending out marketing emails, it’s always a good idea to use your own domain. ISPs (which refer to the major email providers: AOL, Outlook, Gmail, Yahoo and others) tend to take a negative view of free email campaign providers such as Mailchimp. For instance, someone who uses Mailchimp might take advantage of the service and send out low-quality, irrelevant emails, which would lower Mailchimp’s general score for Gmail. As a result, if you use Mailchimp, you could be negatively affected as well. If recipients have engaged with emails you’ve sent out before (such as transactional emails), then there will be a better chance that the ISP will direct your email to the recipient’s primary inbox.
Certain email marketing tools have white labeling features. You can check out this documentation to find out more. For instance, Growmatik allows you to add custom outbound emails in site settings and utilize them in various email campaigns.
2- Correctly utilize your authentication records
The first thing that a recipient’s ISP looks at when deciding whether an email goes to their inbox or spam folder is authentication records. Authentication records are parts of code embedded in the header section of your email and serve as a digital signature that verifies your identity and will work toward increasing the delivery rate. Your email server must support the two main protocols of DKIM and SPF.
SPF (Sender ID)
SPF – which stands for Sender Policy Framework – enables the ISP to authenticate the identity of the party sending the email. By making it clear that YOU are the sender instead of anyone else, SBF lowers the chance that someone else pretending to be you would send out emails. This increases your email delivery rate.
DKIM
DKIM – which stands for DomainKeys Identified Mail – sender’s coded authentication message that connects the email with the server’s DNS of origin and validates the domain is in fact real. In other words, this provides a type of identification for the emails that you are sending your targeted recipients, which will also go a long way to help you avoid the spam filter and boost those email delivery rates.
Authentication records are vital if you send out emails from an email automation platform as it allows that platform’s servers to send out emails on your behalf using your own domain. This means that you need to ensure the platform you select offers email white-labeling services and provides support for these protocols. For instance, in Growmatik, after the tenant adds and verifies custom outbound addresses, then SPF and DKIM are automatically inserted into the header of your email.
3- Look up the reputation of your sending domain
If your sending domain has tons of spam reports from their users, then their email service provider will rank them poorly. In turn, this will greatly impact your email’s quality score, and your email might be rejected or directed into the spam folder. It’s always a good idea to regularly stay up-to-date on your sending domain’s reputation and to make changes if their reputation is either low or starts to fall. Several tools on the market that provide a sender score and information on how to boost it include Sender Score, Barracuda Central, Thalos database, MXToolbox and Google Post Master and Mail Tester
Marketing emails can be categorized as either transactional or promotional (also known as broadcast). Transactional emails are sent out to a recipient after they have made a particular action when engaging with your business. On the other end of the spectrum, promotional emails are set out en masse to all your leads or subscribers. As you’d expect, these types of emails are less customized and relevant, thus more likely to get tagged as spam or land in the promotional emails tab.
One of the best ways to avoid the spam filter or the promotional tab is by sending email campaigns that combine both transactional and broadcast emails.
The best way of going about this is by adding a personalized touch to promotional emails. The personalization needed here extends beyond simply inserting the user’s name to the subject time and at the beginning of an email. A tool like Growmatik offers up several dynamic keywords that help in personalizing an email’s content with personal attributes that have to do with in-site behavior and purchase activity.
In addition to the text of the email itself, the products you’re promoting should also vary for each recipient and depend on their purchase history. An excellent way to customize promotional emails is by sending out cross-selling emails or cart abandoner follow ups. You can easily do this in Growmatik by using the Product Element in the tool’s email builder to add personalized product lists in the email based on the recipient’s shopping behavior.
5- Include address and unsubscribe options for broadcast emails
A tool that is compatible with CAN-SPAM and GDPR will make you add your legal physical address in the footer section of each broadcast email. For instance, in Growmatik, its email builder will automatically insert the address section in the footer of an email.
6- Utilize sign-up forms that are double opt-in
It’s no secret that doubt opt-in is one of the best ways to build and sustain a robust mailing list. This holds particularly true when making a list for broadcast emails as double opt-in hinders additional expenses and goes a long way in sustaining a decent domain sender score. You can also use tools such as Email Verifier to verify authenticity of recipient email addresses individually or in bulk.
7- Send emails that align with the consent
Let’s say that your targeted recipient is a customer, and you’d like to keep them in the loop about particular events or things. The best thing to do to avoid the spam filter is to send them transactional emails that you know are relevant to them and that they want to receive. Keep in mind that you should only send broadcast emails if the recipient has allowed for marketing emails from your business.
8- Add quality content following CAN-SPAM guidelines
The content in your emails should completely comply with CAN-SPAM content guidelines, as well as the guidelines (e.g., pornography, phishing, cyberbullying, etc…) set out by your email marketing platform. Furthermore, if you don’t want your email to be tagged as promotional, you should not overuse certain marketing terms in your email subject and body. These terms include discount, sales, action, apply now, call now, unbelievable (and of course viagra!)
Best price
❌
Dear friend
❌
#1
❌
Winner
❌
100% free
❌
Weight loss
❌
Billion
❌
Deal
❌
Free gift
❌
Debt
❌
Giveaway
❌
Lifetime
❌
Guaranteed
❌
Score
❌
Risk-free
❌
Unlimited
❌
Apply now
❌
Urgent
❌
Get it now
❌
Become a member
❌
9- Stay away from HTML content and use a good image/text ratio
Simply put, you won’t have a shot of making it to the primary inbox tab if you send out an HTML email. Most ISP have algorithms that flag HTML content as promotional emails, therefore funneling them to the promotional tab. Emails that are most likely to land in the main inbox are ones with plain text and not that many links and images.
Following from this, the content of your emails needs to have a good image/text ratio. Content that doesn’t contain an image has a higher chance of going to the primary inbox (that is, if the email meets the other criteria), and content with a lot of images or text is more likely to be directed to the promotional tab. Furthermore, content that doesn’t have any text will probably land in the spam folder.
10- Use links that match your From address
If your email contains a call-to-action button, you should link it up to the same domain of the From address found in your email’s header in order to avoid the spam filter. If not, the recipient’s ISP may assume that you’re sending the email as an affiliate marketer attempting to make sales for affiliate earnings for another business or brand.
Bonus tip! Closely track the performance of your campaign
This is the final step, and it is probably the only step that should be taken consistently. After implementing the above tips into your email campaigns and sending them out, you should closely follow how each is doing by referring to its performance analytics as well as the sending reputation of your domain. For the former, you can look at the analytics provided by our email marketing campaign.
For instance, in Growmatik, you can see how well each email campaign is performing by going to the Report section in the automation dashboard. To check the sender reputation over time, you can utilize tools such as Mail Tester.
Closely following your email campaigns will enable you to notice any potential issues, such as low engagement or delivery rates, so that you can make the necessary changes at the appropriate time. This is crucial so you can minimize any potential damage to your email campaign and your sender reputation.
Away customers in WooCommerce are people who once purchased your products or services but who no longer seem interested in your business. This also goes for users who are uninterested in your email campaigns. A customer might disengage due to the quality of the products that you offer – or if they experienced a mishap in communication during their customer journey. Or it could be that you were simply unable to capture their attention after they purchased something or signed up for your website.
Why it’s key to re-engage lapsing customers
Of course, a customer base is essential to any WooCommerce business. By now, you have already poured resources into attracting each and every one of those users in your customer base. In other words, the better business move would be to attempt to retain already existing customers and boost their lifetime value to your business instead of wasting time, effort and money in attracting new customers. If we were to break this down, the ratio you want to aim for is a customer acquisition cost (CAC) that is one-third of the customer lifetime value (CLV).
CAC < CLV/3
Further to this point, the higher the number of users who unsubscribe from your email list, the lower your email sender score will be. This might lead to more of your emails being rerouted to the spam folder.
Segment and categorize away customers in WooCommerce
If you want to begin reaching out to re-engage with inactive customers in WooCommerce, you first have to know who they are. This means that you’ll need to build a comprehensive list of customers who can be identified as “inactive.” You can further categorize these segments labeled “inactive customers” depending on what you want them to do. The following list comprises different categorizations you can make based on which action you want the inactive customer to take.
Sale cycle and purchase behavior
It goes without saying, but this is one of the most important things to consider. First, you’ll need to answer the following questions: What am I selling? How often should customers buy from me? For instance, let’s say that you’re selling ice cream, so a month in which a customer is inactive is too long. However, if you’re selling iPhones, for instance, then a year without a purchase might be entirely expected and normal. Pinpoint an order gap time relevant to your business and build your first segment in Growmatik.
You can do this by navigating to the People page and choosing All customers as the user type. Then, you’ll want to click on Add Filter and select Shopping activity > Purchase date. You can then choose from one of the date selectors, enabling you to target various chronological segments. For example: Exactly, not on, after, before, within date range, less than (days ago), more than (days ago), is unknown, and has any value.
By choosing options in the filter parameters, you can also enable time filtering for various stages of the customer journey: First time, All time, Last time.First time refers to the date the customer made their first purchase, Last time is the date of last purchase and All time refers to any purchase date throughout the customer’s lifetime.
Now you’ll want to click Save segment and name your segment, which will appear in the left sidebar.
You might also want to filter for order value or the number of orders, both of which can be found under the Shopping activity category. In other words, you can segment customers based on the monetary value they bring to your business.
Site visit activity
When was the last time they visited your website? You can use Growmatik to build a segment based on when an inactive customer last browsed your site. Simply navigate to the People page and filter for Site activity > visit date.
Frequency and recency of email engagement
Let’s now move onto segmentation based on email behavior. To create segments based on this, you’ll first want to ask yourself how often you send emails. Let’s say that you send out emails daily – a subscriber would be considered inactive if they failed to open your emails for a month. However, if you send out emails less frequently once a month or so, then someone who hasn’t viewed your emails in 6 months might be considered inactive. Figure out your ideal timeframe and using that, build your new segment. Navigate to the People page and filter for Subscription > Email opened on. For more analysis on email engagement, you can also use Subscription > Number of Clicked emails
Or use a combination of segments
To get a better outcome and to compile a more focused list of away customers in WooCommerce, you can simply make a more sophisticated list by combining the filters we mentioned above.
For instance, you can create a detailed list of customers who: haven’t looked at your email in a month, haven’t purchased an item from you in the past 3 months, and haven’t looked at your website in over 6 months. Growmatik enables you to add several filters and combine them to get at a more targeted segment. You can also group filters together before you begin combining them together.
While combining filters can add flexibility to your segmentation efforts, they can be inaccurate. For instance, you’ll want to have different content going out to various lapsing customers, depending on where they are inactive (website versus newsletter). So, the best thing to do is to practice caution when combining filters together.
Another way to go about this is by using Growmatik’s predefined custom segments to save time and energy. For instance, predefined slipping customers is a group of filters that might be relevant to a typical business – however, you can tailor the filters based on the exact needs of your business.
Build custom campaigns for every segment
Let’s assume that you’ve broken your inactive and away customers in WooCommerce into three segments: newsletter subscriber churns, high-value customer churns and idle lead churns. It would be a better idea to treat each of these segments individually and consider their own attributes and characteristics.
Take a moment to consider what kind of content would be relevant for each segment. Which customer segment requires incentives and what kind of incentive would resonate more. This step ensures that your lapsing customers get personalized messages instead of cookie-cutter business communication.
Emails targeting re-engagement
After segmentation and pinpointing inactive customers, it’s time to prepare the content. Now, you’ll have to reach out to re-engage and bring them back into the loop. Sending out emails is a highly effective way of doing this. Fortunately, you can automate this step in Growmatik. Simply navigate to the Automate page, make a new rule by clicking on the plus icon, and assign the condition as Segment > [Your segment name]. For the action, select Send email. This means that all inactive customers who behave in a certain way you defined in that segment will get automated emails.
Now you might be asking yourself what you should put in those emails going to away customers in WooCommerce. Or you might ask how you can incentivize them to come back into the fold. Below, you’ll discover best practices to do just this.
Provide discounts
A little incentive appeals to nearly everyone and can go a long way in making an inactive customer active again. Do some research to determine if you’re able to offer discounts to re-engage lapsing customers. This could then boost email open rates and click-throughs, which could then lead to some sales. In Growmatik, you can easily make discount coupons and add them to your emails by utilizing the Coupon element.
Customize emails to win them back
The common theme here is personalization. But personalization is more than merely adding the customer’s first name at the beginning of an email. It’s better that you think of how you can better appeal to your customers.
One example is that you can add some products that are related to a product that the customer has bought from you in the past. You can do this in Growmatik by going to the email builder environment, adding the product element to the page and selecting the gear icon to see your options. You’ll see a number of buttons at the top – go ahead and choose Related, which will allow you to display products custom to a visitor’s purchase history as opposed to showing them some generic product.
Or you can select particular products or product categories that you think would draw their interest based on previous purchases. If you’re trying to win back a visitor who has abandoned their cart on your site, you can include the product that they left in the cart.
Catch them up on what they missed out on
By now, you’re probably familiar with the term FOMO, which means “fear of missing out.” If you’re not, FOMO is merely the natural human desire to be included in the group. We don’t like being left out. So you can stoke this curiosity among your lapsing customers by telling them about the latest news or anything that occurred while they were away. Through using FOMO, you’ll probably attract their attention and boost the chances they’ll click on an email link. To see this in action, check out how Splash put this idea of FOMO to use as part of its win-back emails:
Growmatik enables you to easily direct lapsing customers to a particular page with content that is personalized for them. Or, you can skip this step by simply personalizing the default homepage with relevant content you know will resonate with them. Either route you choose, your content needs to include the following:
Greetings and sentimental messages; i.e., “We’ve missed you!”
Anything that happened while they were away
Offers for limited-time discounts
Offers for bonus scores incentivizing them to return and get more (gamification)
After finalizing the content of the page, navigate to Growmatik and go to the Automate page. Create a new rule in the customer column by selecting the plus icon and assign User behavior > Away as the condition. For the action, select the Personalize Page or Show Page. You can customize your content by using dynamic keywords such as their name and location as well as dynamic product elements to show products that are relevant to their previous purchases – or even some particular product category that they could be interested in. Finally, hit save to execute the rule.
From now on, your away users will be greeted like a long-time customer, and they’ll be provided with useful and relevant content, as opposed to seeing a generic page that they have no use for.
Final thoughts
This post provided an overview of some of the most popular and successful methods to cut down on churn rate and re-engage with away customers in WooCommerce. Of course, you won’t be able to recover each and every lapsing customer, but it’s important to keep in mind that you effectively go about winning back a portion of inactive customers.
The secret here is to know your customer base and how your business can add value to their lives. If you haven’t already done this, try to write out a customer profile and tape it to your wall. Make changes to this profile as your customers and the market shifts if need be. You can allow this profile to guide you in the right direction to build up robust marketing campaigns that use relevant content to rope customers back in.
In your experience, what is the best way to incorporate away customers in WooCommerce back into the fold? Do you have a certain strategy that you can share with our community here? If so, please tell us your thoughts in the comment section below! Good luck on your journey!
We live in a constantly changing world today: everything evolves so rapidly that we’re not able to keep up with the changes. The same happens with retail shops as customers nowadays prefer to shop online instead of visiting brick-and-mortar shops and losing time while browsing through different sections. This shift became even more evident during 2020 as COVID-19 kept millions of people at home, leading to an unprecedented rise in the world of online shopping. Needless to say, this situation positively affected online retailers, and other people began thinking about creating their online stores. Today, we’ll go into detail about how to do just this. With so many tools available – from platforms like Shopify or Magento to custom-made shop sites – creating an online store has never been easier. For our purposes, we’ll talk about how to create an online store in Jupiter X.
Jupiter X makes creating online shops easy
There are two main ways you can create an online shop in Jupiter X: use ready-made templates and get your shop online within an hour or design and create pages from scratch. Whichever route you choose will depend on your knowledge and background.
When you’re on a tight schedule and simply can’t waste time on designing pages from scratch and/or you don’t have a designer who can design those pages for you, then using the demo is the right choice for you. Currently, there are more than 45 shop category demos in Jupiter X, and they can be imported in less than a minute. The Great thing is that they are niche-oriented demos, so you won’t waste your time transforming a general online store into a niche store. For instance, you can find templates for bike shops, toy stores, swimwear shops, cosmetic shops – and even one for a pillow store! Of course, if anyone wants to start with a general store, they might also find it’s a great choice.
If you are hunting on pixels, you already have a predesigned mockup of the pages and your project requires creating a shop from nothing, then you won’t be disappointed by using Jupiter X. Why, you may ask? There are several factors that make Jupiter X a universal tool in building an online retail shop. These include:
The theme’s flexibility. The theme is built with the latest standards of the WordPress codex. In other words, this makes it a better experience for developers when they work with such themes.
Bundled plugins. This makes the theme similar to LEGO blocks, meaning that you can build literally anything. JetWoobuilder is capable of creating a unique product and archive pages, and other Woocommerce pages without touching any theme files. Add other JetPlugins to this, and you’ll get the most customizable theme around.
That said, let’s discuss these two main ways of building an online store:
The manual way of creating an online shop
Let’s say that you’re a pro and you decide to go at it yourself with creating an online store in Jupiter X. In general, this method can be split into a few important parts. Let’s take a closer look (let’s also assumed that in both cases WordPress is already installed):
Creating a WooCommerce store. This requires that you install and configure Woocommerce. This plugin’s settings highly depend on your store, such as whether you’re selling physical or digital products. Are there variations and are they heavy to ship? All these factors must be carefully input into the settings panel in WooCommerce.
Adding Products. – As the name implies, you’ll need to begin adding products to your store, which is basically a data entry task. You have to enter all your product’s details on the product page. This is also a configuration task as your products may have different properties, sizes, weight, variation, as well as shipping properties.
Creating pages. Depending on your business, you may have different sets of pages on your shop site. The minimum pages needed include a homepage, about us, contact, and privacy policies pages. Of course, the shop page is one of the most important pages for your business. When you decide to manually create them, you’ll have to create everything from scratch. This means that you’ll need to think about the layout, fonts, colors, font size, and in the end, you’ll have to combine everything to create a brand style.
Theme customization. In addition to the pages, products and WooCommerce configuration, you’ll also need to configure the WordPress theme. In this case, Jupiter X is easy to configure. You’ll be able to locate all the settings properties in the Appearance > Customize. But testing various settings to find the best one that fits your design takes a lot of time.
As we can see, choosing a manual way of creating a retail shop is definitely possible but it takes more than using one of the demos. Let’s take a look to see how this is possible.
Automatic method of creating retail shop by selecting a demo
Doing an automatic installation of the shop page requires less time and less knowledge of web design. Quite literally, you can go live with your online shop in less than an hour (this includes setting up the payment and adding a few products to the site). As we mentioned before, the advantage of premade demos is the professionally designed style for niche-oriented shops. So for instance, you don’t need to hire a designer to create professional-looking pages as Jupiter X demos have already been crafted by expert designers.
Let’s take a look at what it takes to start with the premade demos. First of all, you’ll need to choose one of the demos. From a total of 45 demos, there’s a decent chance that you’ll find the right one for your business. Choose demos from the Jupiter X options panel > Templates. In the filter, choose Shop and you’ll get premade demos for shop-oriented templates:
Once you decide which one to use, simply hit the import button, and you’ll see a new popup window on the screen:
In this window, you’ll be asked whether you want to start everything from scratch or import content and settings over your existing content on the site. The second option is ideal when you already have pages, posts and products on the site and you want to freshen up the style. Otherwise choose full import, and you’ll get a full demo in a minute.
After installing the template, you’ll have a nicely configured website; basic pages such as about us, contact, homepage, blog and of course product pages. Depending on the niche that you selected, you may also get some custom type posts. Jupiter X also handles plugin installation during the import, so that you will get only those plugins that are used in that particular template.
Now, your job is to change the data on the pages, such as the name of the business, some images, contact details, product images and text, prices, and of course, the WooCommerce settings to get payments from the buyers.
That’s it, you’re now ready to go online and start an online business. Doing all this only requires 1-2 hours from the average user, including changes on the pages, images, contact details, and WooCommerce settings.
Wrapping up
Now you have a clear understanding of which way to go while creating an online store in Jupiter X, dealing with the manual design or jumpstarting your project by using one of the premade demos. Creating an online store is the first step; another challenge is attracting visitors and offering the best user experience on the site. As we mentioned before, COVID-19 has led to not only increased business activity online but also stronger competition between businesses. Finding new tools and methods to boost sales is the biggest challenge for today’s businesses.
All-in-all, I want to mention our latest project that helps online retailers offer the best email marketing service on the internet – Growmatik. Growmatik is a tool that can automate personalization for all your email marketing and website content. With this tool, you can show different content or popups for different users based on their roles, their location or their experience on the site. You can also send them customized and premade email templates based on their activity on your website. Growmatik has only recently been rolled out, so we have a great selection of subscription plans that could be enticing to online retailers of any size.
As a web developer, you prefer to make your codes ready, make sure they return what is expected and then style the result. It would be a hassle if you have to keep thinking about how to style this and that while trying to render the result that is a complex context coming out of code. If you, like many other developers, are using WordPress and Elementor as a handy tool to develop your website projects, you need to know how you can extend their functionality and do so quickly.
In the previous article, we discussed how we can use dynamic shortcodes to create a gaming website. We were using a shortcode inside a dynamic template exclusively. However, shortcodes can also be used in other places. One of the places where we can use the dynamic shortcodes is inside the heading elements. Imagine that you want to build a complex script, show it on your page and also have the ability to style the text using Elementor’s powerful editing options. If this sounds like you want to make use of dynamic headings in Elementor, then this article is for you.
How does it work?
It’s simple: you define your own shortcode using any method you wish, then select the source of your heading element as Dynamic and write down your shortcode. I’ll provide examples in the next steps.
Why is that necessary?
You can of course use the Shortcode element instead of the heading, but then in order to style the outcome, you need to use custom CSS. If you use the Heading elements, you’ll need to use Elementor’s styling options, and you can change the style whenever you want.
What are the use cases?
It has the most uses in complex scripts and dynamic text. Imagine that you have to manipulate a word with a sentence. This might be the simplest example.
Another example could be showing the phonetics of a word in front of the text automatically. Let’s say that you want to build a dictionary website: you define your text and want to use a library to automatically translate the text to phonetics. For example, you have the word “Artbees Themes” but you want to automatically turn it into “Artbees Themes (artbees θimz)” and show it on your page. This could be a more complex example. You even may need to use a Javascript snippet to show a heading text.
Another example might be an SEO tip! While you have one WordPress page and you need to make that page have different content by changing a URL parameter. If you don’t do this, Google will consider your page as one single page and you won’t be able to achieve your SEO goals. This is what Artbees actually did to perform different category indexes on its templates page (compare this page to this and check the heading).
Dozens of other creative use cases exist for this feature. If you know how you can use this feature, certainly there is a place for this in your next web design projects.
Let’s do it with an example.
Convert the digits into words
To get started on making dynamic headings in Elementor, I’ll need to convert all the digits in my text to words. I know that using this function in PHP I can turn any digits into words:
$f = new NumberFormatter("en", NumberFormatter::SPELLOUT);
echo $f->format(123456);
It will look something like this:
one hundred twenty-three thousand four hundred fifty-six
But anyway, I’ll use a custom-made function because the above depends on a PHP extension. To do that, I’ll use a custom post type (with the Jet Engine plugin) and add a meta field named as metafield1 to store my number. For the first step, I’ll go to Jet Engine -> Post Types and click on Add New.
Adding a custom post type via Jet Engine
Then, I’ll name my custom post type and add the meta fields as mentioned above.
Add the post type name and meta field
After my post type is created, I’ll click on the Numbers menu in the WordPress sidebar and add a new entry.
Adding a new entry to the Numbers post type
Now, I’ll add the number in the metafield1 text box and publish my post.
Adding the metafield value to the post
Now from the Jupiter X -> Control Panel -> Settings, I’ll need to enable my Numbers post type to be able to add a custom template to it.
Enabling the post type to be able to customize it through the Customizer
It’s possible to add a template to my post type now and show the shortcode results inside it. Al I’ll need to do is simply navigate to Customize -> Post Types -> Numbers -> Single and set the template to Custom. Then, I’ll add a new template to it.
Adding a new template to the custom post type
In the Elementor editor, drag a Heading element into the page and place it as you wish. Then select the source of the text to be dynamic. Please note that you don’t need Elementor Pro to do this. It’s a feature available in the Jupiter X theme.
Adding a dynamic source to the heading element
Now click on the Shortcode and write down the shortcode name like below.
Dynamic shortcode as source of a heading element
You can add attributes to your shortcode as you wish and do it like every other shortcode. However, in the codes, you need to catch the attributes and decide what to do with them. Since we don’t use attributes in this example, we don’t need to catch any attribute in the codes.
Here are the codes that I have in my child theme’s functions.php file:
And now, when I open the numbers post in my frontend, I’ll see this:
Number to text functioning in my WordPress website
When it comes to making use of dynamic headings in Elementor, you can freely set any type of stylings on the heading element including font change, size modifications, paddings, margins and everything that is available in the element. It will help you focus on your functionality instead of concentrating on design and styling.
As another example, you can catch the URL parameters and show something to your viewer based on that. The basic example is: a form that asks for a name and after the user submits that, it will add the name as a URL parameter on the page and refresh the page. Now you’ll be able to get that value and show the name inside your Elementor page.
Don’t stop here. Please share your ideas below in the comments section so we cover the implementation process in the following articles.
Wrapping up
Sometimes as a web developer, you need to extend the functionality of the tools you are using. If you are one of the Elementor users, you need to be familiar with the ways you can add functionality to it. Using dynamic headings in Elementor is one of the easiest ways to do so. It requires a small amount of code, so you can concentrate on the logic and style the raw data using a great design tool like Elementor. In this post, we covered how we can simply extend the usage of the heading element and make it dynamic instead of showing a constant text.
These days, most businesses and organizations have websites that allow their clients an opportunity to access any news or information about said business or organization. Churches are not an exception. If religious centers can create effective, attractive websites, then they’ll be able to maintain an online presence within their community and reach new potential congregants. In this blog post, we’ll discuss some key elements needed to create a church website to represent your organization and reach more people.
Create a welcome page to introduce your church
When you create a homepage, you should consider how to welcome your visitors. One of the best ways of doing this is by showing that you appreciate their interest in your church website and how you can further help them. In this case, it’s better to use a video or slider to show who you are and present your church.The Video or Slider elements will be very helpful.
Note that the front page should include all important information so that visitors can find it immediately. Put such content close to the top of the page. Check out the Jupiter X Church template for such a welcome page.
Use a call-to-action button for redirection
When creating a church website, it’s important to include a button that provides a visitor with guidance on how to find more information, like church beliefs, frequently asked questions, information about your ministries, etc.
Such buttons must be easy to find on the home page. Placing it at the top will allow visitors to find it without the need to scroll. People prefer to locate the desired information quickly without going back and forth. Your visitors should see what’s available on your site from any page — and be able to go there with just one click.
Videos
Many people would like to try an online sermon before visiting a church. A great way to do this is by recording sermons and posting the videos onto your site. This will be helpful not only to visitors but also to members who are unable to attend your service. Check Jupiter X Lysithea and Church demo templates on how to create such pages with the sermons videos:
Give answers for common questions
There are two categories of visitors: the members who already know and attend your church and the guests who are looking for a new church and have some questions when visiting the site.
You should answer commonly asked questions for such new users. The questions might be:
Where are you located? What time are Sunday services? How long does a service last? Do you have Sunday School?
And others. You can provide answers to questions using the Accordion or Toggle elements. It’s very easy: when you click on a question, the content with the answer will expand. You can also create a call-to-action button, for example, “I’m new” and redirect your visitors to the page with the frequently asked questions.
Don’t forget to list questions and answers about theology or church beliefs.
Share contact information to easily get in touch
After checking the website, your online visitors will prefer to come to your church. So you need to post the contact address, phone number, email. Usually such info is added in the footer of the website. Don’t just write the address. You can create a Contact page and show a map with the right directions. You can check such example page in the Lysithea template:
To create a contact form, the Form element in Jupiter X should be helpful. Add it on the Contact page too so visitors have the possibility to ask any questions regarding your church.
Use a testimonial widget to share the stories
It’s great when people share their happiness. Let them say what they think about the church and share their stories about how the church helped them.
Stories have a powerful impact on people, and they may attract new congregants. Many people place a lot of trust in online reviews. So don’t hesitate to share stories of your church family so the visitors know why it is worth visiting you. To write this content, you can use the Testimonials element, which is related to JetElements plugin that is bundled in the Jupiter X theme.
Events
Notify your visitors about your upcoming events. Check out this Events page in the Church template for an example.You can also create a calendar of events to list the events for the month. This can be achieved with JetEngine plugin which is bundled in the Jupiter X theme. This article will be helpful, and you can also take a look at the example of the event calendar in the Jupiter X Event Listing template. The Counter element also can be used to show how many days are left until one of your biggest events.
List your services or ministries on a separate page
Don’t forget to provide information about your ministries. Make sure the content is easy to find by creating such a menu item in the header so the visitors can directly move to the page as made in the Church template.
Blog
A Blog page is great for your site’s SEO, which is something that is important to keep in mind when creating a church website. You can share some news with your visitors, and tell about your community and religion. Enable comments after the posts to know the opinions of your readers.Displaying posts on a Blog page is easy if you use the Posts element in the Jupiter X theme.
Use original images, say “no” to stock photos
Never use stock photos! Your visitors want to see who you are, and real photos will be effective in attracting them to your site. Create a gallery page to show the photos of your church and the photos of the services so the site guests can become closer to you. To display photos, you can use either the Photo Album element or create posts with images in the Portfolio post type which is available in Jupiter X.
Integrate your site with social networks
Nowadays it’s important to create social media accounts to find people with similar interests. Don’t forget to create accounts for your church, and include social media icons on the site. These icons are normally located in the footer or in the top toolbar in the header.
You can use Facebook, Twitter, Instagram, etc. to spread information about your website. To get more followers, you need to share the pages/posts/events of your site regularly.To add icons with your social media accounts, you can use the Icon element and simply insert the link of your Facebook or Twitter account in the element settings.
Wrapping Up
As you can see, you need to think much about what your church website should include so your visitors will stay on your site longer. In this post, we included the most important elements needed to create a church website so you can build the website yourself without the help of professional developers. Luckily, the Artbees team created some templates that you can easily import and then tweak to fit your needs. Hope the tips above will help you to create an effective website. If you’re already a church website owner, don’t hesitate to share your tips in the comments.
