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.
Then, I’ll go ahead and download the 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.
Now click on the Install and Activate plugin button and wait for it to be finished. After successfully installing, you should see this message:
Now navigate to WordPress Dashboard -> Crocoblock -> JetPlugins Settings -> Jet Elements -> Widgets & Extensions, and make sure the Lottie widget is enabled.
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.
Now, upload and assign the “427-happy-birthday.json” file that we downloaded during the first step.
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.
Subscribe to Artbees Themes Blog for the best WordPress tips and insights.
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.
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.
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’:
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.
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.
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.
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.
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.
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.
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.
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.
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.
Long Tail Pro
$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.
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.
Subscribe to Artbees Themes Blog for the best WordPress tips and insights.
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.
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:
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:
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.
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!
Subscribe to Artbees Themes Blog for the best WordPress tips and insights.
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.
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.
Subscribe to Artbees Themes Blog for the best WordPress tips and insights.
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.
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:
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:
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.
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.
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.
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.
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.
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
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.
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.
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.
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?
Subscribe to Artbees Themes Blog for the best WordPress tips and insights.
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 – 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
4- Focus on transactional, not broadcast emails
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!)
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.
Subscribe to Artbees Themes Blog for the best WordPress tips and insights.
Due to high demand, we’ve extended our summer sale, which means the Jupiter X WP theme is still just $29. But act fast, as this sale could end at any moment—head to the Envato store now to claim your savings!