Jupiter X v1.3 Is Out! Supercharge Your Forms With These New Features!

A couple of days ago Jupiter X v1.3 was released. Of course, just like any other theme updates, it comes with a long list of improvements and additions to make the theme even more powerful and capable. But looking at the features, you will notice that this update has particularly improved on one feature! Yes, that’s the form element.

Form builders are among those parts of WordPress themes that are basically the same without much difference in various themes and you don’t expect to see anything about them in theme updates. Well, Jupiter X surprises us again with this update!

Jupiter X form builder is already a powerful tool to visually create and order your online forms.  It also allows you to customize its appearance to the deepest level. So, let’s see what can possibly be an improvement coming with the latest update, Jupiter X v1.3!

New form elements added

As the title also suggests, you will have more elements to use in your forms including checkbox, radio button, date selector and time selector. Date and time selector will open standard date and time selectors for your users to set a time or date.

For checkbox and radio buttons, add the choices one per line and see them listed down.

Say hi to download action

This action helps you upload a file to get downloaded when the submit button is clicked by the user; say, the PDF book you give away in return for new subscribers or a freebie design file in exchange for some valuable leads! There are 2 ways to link a “file” to “download” action:

  1. Via source file link
  2. By uploading the package directly to your hosting service

Hubspot integration

If you‘re using HubSpot to collect leads and you don’t want to use one of the forms from its built-in library, you can simply connect your Jupiter X form to Hubspot. You can enter your HubSpot account details such as Portal ID and Form ID, and the data your form collects will be sent in defined HubSpot table fields. You should do the field mapping here to choose what field will be connected to which HubSpot fields.

Deeper MailChimp integration

Jupiter has offered MailChimp integration from its very early versions, but with the latest Jupiter X v1.3 form builder updates, you will have tighter integration with MailChimp in your forms. Just by entering your MailChimp API key, you can connect your form to any specific audience list you have in Mailchimp and the emails you collect in your form will be added to that audience segment.

If your audience is segmented into groups, you can choose a group so the collected emails will be directly added to that group. Furthermore, you can activate the double opt-in feature for your entries directly from Jupiter X instead of doing it from MailChimp.

Just like the Hubspot integration, you can perform field mapping to indicate the exact MailChimp fields you want each of your form fields to be connected to.

Recap

How do you like the new additions to Jupiter X v1.3 form builder? Go ahead and build your next online form with it and let us know if there is anything you expect from a form builder that Jupiter X v1.3 form builder hasn’t yet provided. And stay tuned for more and more new features and additions coming your way very soon!

subscribe

Subscribe to Artbees Themes Blog for the best WordPress tips and insights.

Artbees Takeaways from WordCamp London 2019 and WordCamp Torino 2019

Spring is maybe the best season to run WordCamps. In fact, if you check WordCamp Central, you will notice that many WordCamps are scheduled for the spring season. Just to name a few, Paris, Vienna, Atlanta, London, Torino, Athens, Rotterdam, Madrid, Miami, Kolkata, and Prague have all held or scheduled WordCamps for March, April, and May.

Artbees started our WordCamp tours in 2019 with two important European WordCamps, WordCamp London 2019 and WordCamp Torino 2019. We participated in one as a speaker and in the other as a sponsor. Below I will share some of our takeaways from these two WordCamps. Let’s dig in.

WordCamp Torino 2019

Just a few months after our last WordCamp in Milano, we got to join another WordCamp with the great Italian WordPress community — WordCamp Torino 2019. The city of Torino is as beautiful as Milan but less expensive. It was, in fact, cheaper compared to many other EU cities.

Torino is one of the tech and industrial hubs of Italy. Communicating with people as a foreigner, of course, is challenging, but Italians are famous for their upbeat mood and hospitality. This all does not only make the city a great destination for tourists but also a great place for WordCamps.

Upon arrival, you can observe the high engagement of locals who are passionate about contributing to WordPress. WordCamp Torino 2019 was very well-organized and planned, too. Food was nothing less than what you could expect from a country like Italy —always savory and delicious!

WordCamp Torino Contributor Day

Like every other WordCamp Artbees has attended, we had a member in WordCamp Torino 2019 as well. Rouzbeh from Artbees contributed to the Marketing team in WordCamp Torino  (Contribution day in Italian WordCamps are not a placeholder!).

WordCamp Torino 2019 Contributor Day

People seriously work and contribute during this segment and the progress is visible and even palpable. You can see heated discussions and meetings going on during the entire contribution day.

Rouzbeh from Artbees Talked About GPL

At WordCamp Torino, Rouzbeh, CEO at Artbees, discussed a very sensitive and nowadays popular matter: open-source. Within his talk entitled, “Going GPL: What happens when a theme with 100K users goes GPL!”, he shared the story of Jupiter X WordPress theme with 100K customers that decided to change its license to full GPL after 5 years.

As the CEO of Artbees, he explained how he had to be aware of the business implications and risks attached to such a decision. Before making this decision at Artbees, they were very much concerned about the impact this will have on sales, the Jupiter X brand image, and the future of the theme as a whole.

After a short introduction of GPL license and its meaning, he explained the results of this decision, the steps taken to execute the relicensing process, the market’s reaction to it, and finally, the state of the company and our theme after going GPL.

Rouzbeh’s presentation of the Artbees journey towards GPL was worth it for all the WordPress theme producers who are unsure about going GPL. It can also encourage many theme developers to follow the same path. The video of the talk will be available in wordpress.tv soon.

Credits: Artbees CEO, Rouzbeh Firouzmand presented his talk ‘Going GPL: What happens when a theme with 100K users goes GPL!’ in WordCamp Torino 2019

Francesca Marano of WordCamp Torino made a great point regarding Rouzbeh’s talk:

You can not encourage people to contribute to open source for free just as a good gesture or a positive deed. You should show them the real benefit they can get out of it or perhaps a potential opportunity from a business outlook.

Based on the extremely positive feedback regarding Rouzbeh’s talk, you can say that his topic was aligned with what Francesca said as it definitely was trying to explore the business potential of GPL.  

WordCamp London 2019

Just about the same time that WordCamp Torino was taking place, there was another great WordCamp happening exactly 1240 KM away! WordCamp London 2019 was held on April 5-7 in London Metropolitan University, and Artbees was one of its sponsors. Fun fact: This was the first WordCamp that Artbees sponsored in 2019.

Artbees supported WordCamp London 2019 with its Jupiter X

WordCamp London is one of the most important WordCamps in Europe. Some believe that’s the second most important WordCamp (after WordCamp Europe) in Europe and a great opportunity to obtain the pulse of the WordPress community in entire Europe, as there are attendees from every part of Europe, and not just the UK.

I, Maziar, and Babek were representing Artbees’ very own Jupiter X in its booth on April 6 and 7. Rouzbeh was only able to join us on April 7 Sunday after he held his talk in Torino!

WordCamp London Contributor Day

As you may know, Contributor Days are an integral part of WordCamps and truly symbolize the culture that WordPress promotes. Tens, sometimes dozens, and sometimes hundreds of passionate people gather in different teams in every WordCamp and contribute to WordPress however they can (I have co-authored a blog post about the culture of contribution in WordPress in WordPress.org Marketing blog and talked about this in extent).

Maziar from Artbees in WordCamp London 2019 Contributor Day along with MakeWordPress marketing team

Artbees had a representative in WordCamp London 2019 Contributor Day as well! As part of the MakeWordPress Marketing team and along with other great members and reps such as Siobhan Cunningham and Yvette Sonneveld, we worked on different tasks related to the Marketing team. I personally wrote a WordPress success case study you will read soon on wordpress.org Marketing blog.

A Vibrant Talk Lineup!

WordCamp London had a vibrant array of speakers talking about a wide variety of topics such as copywriting, business growth, content monetization, accessibility, content syndication, open-source, SEO, cognitive design, cookies, recruiting, e-commerce and technical topics such as HTTP/2, GraphQL, Laravel, Serverless, Redux, and more.

Below, I want to name a few very interesting talks you might have missed! In which case, do not forget to watch them once they are on wordpress.tv:

Yvette Sonneveld

Sales Funnel = Sausage Maker?

Francesca Marano

Websites For Freelancers 101

Miriam Schwab

JAMstack and WordPress: Friends or Foes?

Raffaella Isidori

Mindful Design: Designing with Presence for Purpose and Inclusion

Sabrina Zeidan

5 Steps to a Faster Website and Higher Google Rankings

Ronald Gijsel

Are You Ready To Publish? – The Afterlife…

Rian Rietveld

Accessibility Testing for Content Managers Workshop

Andrea Zoellner

Effective Copywriting Tips for Better UX

Tess Coughlan-Alenn

Using WordPress To DO_ACTION

Felix Arntz

Introduction to Web Components

Josepha Haden Chomphosy

Fireside Chat: Building a Culture of Safety

Pascal Birchler

An Introduction to WP-CLI

Topher Derosia

5 eCommerce Trends to Implement Now

Jupiter X in WordCamp London

During the days of manning our booth as a sponsor of WordCamp London 2019 (April 6 & 7), we witnessed a very dynamic range of people stopping by to ask about Jupiter X. We received a lot of good insights and feedback about Jupiter X and a round of applause for our decision to go GPL! We also happened to meet some of the old Jupiter users in London who had been using Jupiter since 4 years ago.

Jupiter X Booth in WordCamp London 2019

As you can deduce, Jupiter X had a booth in WordCamp London 2019. So, I had a limited time attending talks or side events. However, I was lucky enough to manage my time to attend important events such as a very useful meetup regarding marketing that was held by  MakeWordPress marketing team.

I joined a side meetup regarding marketing as part of the MakeWordPress Marketing team

In this one-hour meeting, many ideas, trends, and practices regarding marketing were discussed and many questions were answered. I myself discussed the relevancy of testimonials in 2019 and received different ideas about that!

This was our first WordCamp London experience and for sure, not the last one. WordCamp London 2019 was organized by a veteran team (Led by Dan Maby) with many volunteers contributing to it in different sectors. WordCamp London gives everyone who does something with WordPress a unique chance to connect with the UK WordPress community and explore various opportunities.

WordCamp Torino 2019 and WordCamp London 2019 were a great kickstarter for Artbees’ WordCamp presence in 2019. The experience we collected in different parts of these great WordPress gatherings, from contributing to different teams to speaking with them to showcase Jupiter X is priceless and will definitely help us with the future of Artbees and Jupiter X.

However, that’s just the beginning for 2019! Stay tuned with us for great news with upcoming WordCamps such as WordCamp Athens 2019, WordCamp Plovdiv 2019, WordCamp Europe 2019, and more. 😀

Have you ever been to any WordCamp? Do share your experience with us and the Artbees community below!

subscribe

Subscribe to Artbees Themes Blog for the best WordPress tips and insights.

How To Create WordPress Custom Admin Pages

WordPress, the world’s most popular CMS is also quite beloved by developers. Among many of its possible customizations and flexibilities that can be pointed out is extending the admin side of WordPress. In this post, we will show you how to use WordPress custom admin pages to bring more options for the user.

What is WordPress Custom Admin Pages?

The WordPress admin dashboard is the first page you’ll see after logging in. Using the side menu, you can navigate to other admin pages like Appearance, Plugins, Settings, Users, etc.

You may also see new menu items after activating a theme or a plugin that redirects you to a new admin page. It can be a settings page for the plugin, control panel of your theme, a page to show the status of your site or even a document page. The custom admin page is a very helpful feature which allows the developer to extend admin rights with new options.

How to Add WordPress custom Admin Pages

In order to add a custom admin page in WordPress, we need 2 things:

  1. An admin menu (add_menu_page function)
  2. Page content (custom function)

In order to add a new admin menu item, we can use the following function:

add_menu_page( string $page_title, 
string $menu_title, string $capability, 
string $menu_slug, callable $function = '', 
string $icon_url = '', int $position = null )

Let’s dive into each item to learn what they are.

1. $page_title The text to be displayed in the title tags of the page when the menu is selected. Choose a meaningful page title. For example, if your custom admin page is an options page for the plugin, it could be “My plugin options”. Note that it should be translatable. So use _ function like the following example: _( ‘My Plugin Options’, ‘my-plugin-textdomain‘)

2. $menu_title The text to be used for the menu.

3. $capability The capability required for this menu to be displayed to the user. For example, if it contains some general options for the site, manage_option could be the best choice. Just set it carefully to avoid any possible security issue.

Check out the WordPress Roles and Capabilities page and see what the proper capability is for your custom admin page.

4. $menu_slug The slug name that refers to this menu. It should be unique for this menu page and only include lowercase alphanumeric, dashes, and underscores to be compatible with sanitize_key(). This will be used as a parameter in the URL of your custom admin page as it’s shown in the picture.

5. $function The function to be called to show the output content for this page. For a simple example, we can use the following code to show a header in the admin page:

function my_admin_page_contents() {
	?>
		<h1>
			<?php esc_html_e( 'Welcome to my custom admin page.', 'my-plugin-textdomain' );
		</h1>
	<?php
}

6. $icon_url The URL of the icon to be used for this menu. You can use an image, encoded SVG, or dash icons.

  • In order to use an image, simply pass the URL of the image.
  • If you want to have an icon like WordPress defaults, which has a different color on hover, you can pass an encoded SVG file. The http://b64.io/ can convert your SVG file to base64 encoded data. After uploading your SVG, simply copy the link that starts with data:image/svg+xml;base64, and paste it.
  • You can use existing WordPress icons. Find a proper icon from WordPress Dashicons page and pass the class name like dashicons-schedule as icon URL argument.
  • Also, you can use none value to leave div.wp-menu-image empty, so an icon can be added via CSS.

7. $position The position in the menu order should appear. Here is the list of numbers of default admin menus:

  • 2 – Dashboard
  • 4 – Separator
  • 5 – Posts
  • 10 – Media
  • 15 – Links
  • 20 – Pages
  • 25 – Comments
  • 59 – Separator
  • 60 – Appearance
  • 65 – Plugins
  • 70 – Users
  • 75 – Tools
  • 80 – Settings
  • 99 – Separator

So, if you want to show your menu after Dashboard, you should use 3.

In the following table, you can see a piece of brief information about each item.

Add_menu_page arguments

WordPress Custom Admin Pages Arguments
WordPress Custom Admin Pages 1

Putting it all together, you’ll have:

function my_admin_menu() {
		add_menu_page(
			__( 'Sample page', 'my-textdomain' ),
			__( 'Sample menu', 'my-textdomain' ),
			'manage_options',
			'sample-page',
			'my_admin_page_contents',
			'dashicons-schedule',
			3
		);
	}

	add_action( 'admin_menu', 'my_admin_menu' );


	function my_admin_page_contents() {
		?>
			<h1>
				<?php esc_html_e( 'Welcome to my custom admin page.', 'my-plugin-textdomain' ); ?>
			</h1>
		<?php
	}

You should know that it is possible to add a submenu to existing menus or newly added menu using the following functions:

  • add_posts_page Adds a submenu under Posts menu
  • add_pages_page Adds a submenu under Pages menu
  • add_media_page Adds a submenu under Media menu
  • add_comments_page Adds a submenu under Comments menu
  • add_theme_page Adds a submenu under the Appearance menu
  • add_plugin_page Adds a submenu under Plugins menu
  • add_users_page Adds a submenu under Users menu
  • add_management_page Adds a submenu under Tools menu
  • add_options_page Adds a submenu under Settings menu

And all of them are a wrapper of add_submenu_page function, so we use them in the same way:

add_submenu_page( string $parent_slug, string $page_title, 
string $menu_title, string $capability, 
string $menu_slug, callable $function = '' );

And that’s it. We have a custom admin page. But, what about adding custom styles and scripts for its content?

Adding Styles and Scripts to WordPress Custom Admin Pages

Let’s see how we can put styles after adding page content:

function load_custom_wp_admin_style($hook) {
	// Load only on ?page=mypluginname
	if( $hook != 'toplevel_page_mypluginname' ) {
		 return;
	}
	wp_enqueue_style( 'custom_wp_admin_css', 
plugins_url('admin-style.css', __FILE__) );
}
add_action( 'admin_enqueue_scripts', 'load_custom_wp_admin_style' );

The above code will load admin-styles.css file only in the mypluginname page. If you wonder why we should do this, the reason is that loading styles in all admin pages can cause unwanted changes in other admin pages. For example, you don’t want to change the size of texts in the dashboard.

If you’re unsure what your $hook name is, use this to determine your hook name. And then, change it to the code below.

function load_custom_wp_admin_style( $hook ) {
	wp_die( $hook );
}
add_action( 'admin_enqueue_scripts', 'load_custom_wp_admin_style' );

Note: Don’t use wp_die while you’re editing a file from the plugin editor. It can cause you to lose access to the admin page until you remove it.

You can also use default registered styles in WordPress, like this:

function load_custom_wp_admin_style( $hook ) {
	// Load only on ?page=mypluginname
	if( $hook != 'toplevel_page_mypluginname' ) {
		 return;
	}
	// Load color picker styles. 
	wp_enqueue_style( 'wp-color-picker' );
}
add_action( 'admin_enqueue_scripts', 'load_custom_wp_admin_style' );

In the above code, we are not specifying any URL for the style file because it has already been registered once, and WordPress knows it. By registering a style file, you introduce it to WordPress without loading it. And then, you can load it by using a style handler name anywhere in the code. Have a look at the following code:

function register_my_plugin_styles() {

wp_register_style( 'my-plugin', plugins_url( 'my-plugin/css/plugin.css' ) );

}



// Register style sheet.

add_action( 'admin_enqueue_scripts', 'register_my_plugin_styles' );



function load_custom_wp_admin_style($hook) {

// Load only on ?page=mypluginname

if( $hook != 'toplevel_page_mypluginname' ) {

return;

}

// Load style

wp_enqueue_style( 'my-plugin' );

}



add_action( 'admin_enqueue_scripts', 'load_custom_wp_admin_style' );

Same as above, we can load custom scripts in admin pages:



function register_my_plugin_scripts() {

wp_register_script( 'my-plugin', get_stylesheet_directory_uri() . 'https://d34b8fs2z18t5a.cloudfront.net/plugin-scripts.js', array( 'jquery' ) );

}



// Register style sheet.

add_action( 'admin_enqueue_scripts', 'register_my_plugin_scripts' );



function load_custom_wp_admin_scripts($hook) {

// Load only on ?page=mypluginname

if($hook != 'toplevel_page_mypluginname') {

return;

}

// Load style

wp_enqueue_script( 'my-plugin' );

}



add_action( 'admin_enqueue_scripts', 'load_custom_wp_admin_scripts' );

There are a lot of JavaScript libraries included in WordPress that you can use. There is also a list of default scripts included and registered by WordPress here.

Wrapping It Up in a Plugin

In this section, we put all codes in a single file, which you can install as a plugin to add new WordPress custom admin pages.

<?php

/*

Plugin Name: My custom admin page

Description: Adds a custom admin pages with sample styles and scripts.

Version: 1.0.0

Author: Artbees

Author URI: http://artbees.net

Text Domain: my-custom-admin-page

*/



function my_admin_menu() {

add_menu_page(

__( 'Sample page', 'my-textdomain' ),

__( 'Sample menu', 'my-textdomain' ),

'manage_options',

'sample-page',

'my_admin_page_contents',

'dashicons-schedule',

3

);

}



add_action( 'admin_menu', 'my_admin_menu' );



function my_admin_page_contents() {

?>

<h1>

<?php esc_html_e( 'Welcome to my custom admin page.', 'my-plugin-textdomain' ); ?>

</h1>

<?php

}



function register_my_plugin_scripts() {

wp_register_style( 'my-plugin', plugins_url( 'ddd/css/plugin.css' ) );

wp_register_script( 'my-plugin', plugins_url( 'ddd/js/plugin.js' ) );

}



add_action( 'admin_enqueue_scripts', 'register_my_plugin_scripts' );



function load_my_plugin_scripts( $hook ) {

// Load only on ?page=sample-page

if( $hook != 'toplevel_page_sample-page' ) {

return;

}

// Load style & scripts.

wp_enqueue_style( 'my-plugin' );

wp_enqueue_script( 'my-plugin' );

}



add_action( 'admin_enqueue_scripts', 'load_my_plugin_scripts' );

And the final result will be like this:

In the next post, we will show you how to add custom settings to WordPress Custom Admin Pages, how to process forms, and how to make them secure.

subscribe

Subscribe to Artbees Themes Blog for the best WordPress tips and insights.

Master WordPress Language Translation: How To Translate your Jupiter X Website with WeGlot

With almost 75% of the Internet’s 4.1 billion users speaking a language other than English, WordPress language translation is a great way to expand your website’s reach and help you connect with your site’s visitors. But when it comes to creating a multilingual WordPress site, it can be difficult to know where to start.

To help, we’ve created this detailed WordPress language translation guide. First, we’ll take you through the benefits of going multilingual. Then, we’ll share a plugin to help you get the job done and show you step-by-step how to set everything up and translate your site.

Why WordPress Language Translation Matters

There are two “directions” in which WordPress language translation can make your site better. There are benefits for:

  • Your visitors, in the form of better user experience for them, while they browse your site
  • Your site, in the form of more marketing opportunities and a chance to reach new visitors

Let’s cover the visitor benefits first.

Your Visitors Prefer to Browse in Their Native Languages

As you’d expect, most people prefer to use their own native language when browsing the Internet. According to a Gallup survey commissioned by the European Commission, about 90% of those surveyed preferred to use their own language when visiting a site.

Perhaps more importantly, though, 45% of respondents in that same survey never use a language other than their own when browsing online. Now, you might be thinking this only matters if you target a global audience. But there are plenty of situations where you’ll have a multilingual audience even within the same geographic area.

For example, the US Census Bureau found that 21.6% of people ages 5 or older in the USA speak a language other than English when at home, with 40.5 million of those people speaking Spanish at home. So even if you only target the USA, a significant chunk of your visitors still might prefer a different language.

If you want to see how large that chunk is, you can get a good idea from the Languages report in the Audience area of Google Analytics:

Going Multilingual Opens Up New SEO Opportunities

WordPress language translation can also open up new opportunities for you to rank your content on Google. By translating all of your existing content, you’re essentially repurposing that same content, but for a whole new set of keywords (the same terms as before, but in a different language).

For example, if you’re using the Jupiter X Ananke template to create an eCommerce store for pet products, you might try ranking for the keyword “handmade dog toy” in Google search.

If you see that term gets 3,000 monthly searches in English, but the equivalent term in Spanish gets 1,000 monthly searches, you could increase your search visibility by 33% by creating a Spanish-language translation targeting that term.

To see how much potential SEO traffic you could gain, Google Market Finder gives you a high-level view, and most keyword research tools let you segment by language.

The Weglot Plugin Makes WordPress Language Translation Easy

Now for the next question – how can you make your WordPress site multilingual to capture those benefits? Weglot is a WordPress language translation plugin that can help you go multilingual with minimal effort.

It starts by using machine translation to translate your WordPress site as soon as you activate the plugin. Then, you can go back and have a human review those translations using the Weglot cloud dashboard.

Any edits to your translations that you make in the Weglot cloud dashboard will automatically sync with your live WordPress site. The big benefit of Weglot is convenience. Within just a few minutes, you can have a working multilingual website that your visitors can start benefiting from.

Beyond that, Weglot implements all the WordPress language translation SEO best practices to ensure that your translated content is ready to rank in Google in different languages. And Weglot also lets you place your language switcher button in a few different places on your site to create a user-friendly experience for your visitors.

Step-by-Step Guide to WordPress Language Translation With Weglot

Now that you know the “why” of WordPress language translation, here’s a step-by-step guide for how to create a multilingual site with Weglot…

Step 1: Sign Up For a Free Weglot Account

To get started, go to the Weglot registration page and create your Weglot account:

Once you register your account, Weglot will send you an activation email. After clicking the link in that email to activate your account, you’ll see a confirmation page that contains your API key (you can also go directly to your Weglot dashboard to find your API key):

Keep this API key handy because you’ll need it in the next step.

Step 2: Install Weglot Plugin and Add API Key

Go to Plugins → Add New in your WordPress dashboard and search for “Weglot”. Then, install and activate the Weglot plugin:

Once you’ve activated the Weglot WordPress language translation plugin, go to the new Weglot area in your WordPress dashboard and add your API key to the API Key box.

You should see a green checkmark appear, which means that your Jupiter X site is successfully connected to the Weglot service:

Step 3: Choose Language(s) and Activate WordPress Language Translation

Below the API Key box, you should see two other settings for:

  • Original language – this is the language that your site is currently in.
  • Destination languages – these are one or more languages into which you want to translate your site’s content.

For example, if you wanted to translate your site from English to Turkish, you’d configure it like this:

Once you’ve made your choices, click Save Changes to start the WordPress language translation process. Almost immediately, Weglot will use machine translation to translate your content and give you a working multilingual WordPress site:

Step 4: Configure Language Switcher Functionality

When you go multilingual, Weglot adds a language switcher button to the bottom-right corner of your site.

If you’d like to change that functionality, you’ll get a variety of new options in the Weglot area to do so. You can also add your language switcher as a menu item, widget, or shortcode:

Step 5: Review Translations from Weglot Dashboard

At this point, you have a working multilingual WordPress site powered by machine translation. You’ll probably want to manually manage those translations, though, in which case you’ll use the Weglot cloud dashboard.

There, you can use two interfaces to manage your translations. Both interfaces let you manage 100% of your site, including:

  • Regular post or page content
  • Jupiter X theme content
  • Elementor content

First, you can use the Visual Editor to make changes on a live preview of your site. All you do is hover over the text that you want to translate and click on the green pencil icon.

For example, if you want to translate your Jupiter X theme menu, you’d hover over it and click this icon:

That will open a popup where you can make your changes.

Second, you can use the Translations List, which offers a non-visual side-by-side view of the original text and the translated version.

You can use the filters on the left sidebar to find specific content, and you can also outsource content to professional translators from this interface:

Any changes you make in either interface will automatically sync to your live WordPress site.

Get Started With WordPress Language Translation Today

WordPress language translation is a great way to improve your WordPress site on two fronts:

  1. You can offer a better user experience by letting visitors browse your site in their native languages, which the vast majority of people prefer
  2. You can get more website visitors in the first place by ranking your translated content in Google search queries for new languages

To achieve those positives, the Weglot WordPress language translation plugin helps you translate your site in just a few minutes. Get started today!

subscribe

Subscribe to Artbees Themes Blog for the best WordPress tips and insights.

Now you are able to Create & Edit Custom Header and Footer right from inside Customizer!

Web designers who are into advanced customization know that one of the important parts of a WordPress theme is its ability to create and edit custom header and footer.

The powerful Jupiter X header and footer customizer already allow you to create and edit custom header and footer, but it involved a little back and forth navigation from the backend and frontend. We recently made the whole process a lot easier for you.

Before the new feature was added, you had to create a template first, open the customizer, chose the template for your header or footer, and then go back to Customizer to select and set that header or footer template as your global header or footer. Whew!

With the new feature, the entire process will be within the customizer itself, without the need to go to your WordPress dashboard!

How to Create and Edit Custom Header and Footer from your Jupiter X Customizer

1- Open Customizer WordPress Admin > Appearance > Customizer

2- In Customizer, go to the Header section

There are now two new buttons next to the selected template: ‘Edit’ and ‘New’.

If you want to create a new header from the ground up, you can click on ‘New’ button and you will be quickly taken to the header/footer builder area where you can simply build a header or footer using Elementor, just like a regular page.

On the other hand, the ‘Edit’ button will let you use an existing template and edit the template that you currently selected. You can repeat the same process for your footer by going to the footer section of the Customizer.

Use this method only to create and edit global custom headers and footers. In order to create page-specific headers and footers, select a template from the page meta option > Header tab.

I hope this has eased up the header and footer customization for you! Stay tuned for more improvements and new features in our future updates.

Here’s a video with more info on how to create and edit custom header and footer.

Follow Jupiter X on Twitter to get the latest updates, news, and exclusives.

subscribe

Subscribe to Artbees Themes Blog for the best WordPress tips and insights.