How to Use HubSpot with a Jupiter X Website

Use HubSpot with Jupiter X featured

It’s inevitable that you’ll day you’ll need to dive into the world of marketing to promote your product or service. At this point, the search for the necessary tools begins. You’ve probably heard of HubSpot, which is one of the most widely-used marketing platforms. HubSpot is an all-in-one software for marketing, sales and services. By using it, you can create and optimize your content, nurture leads and monitor your marketing progress. In this article, we’ll review the most important HubSpot tools and how to use HubSpot with Jupiter X.

Understanding HubSpot and what the HubSpot platform includes

HubSpot is a company founded in 2006 at the Massachusetts Institute of Technology. It provides software products for inbound marketing, sales and customer service with the same name – HubSpot. All the HubSpot tools are divided into hubs: 

  • HubSpot CRM – A free customer relationship management (CRM) software, which helps you to organize and track your leads and customers.
  • Marketing Hub – Set of tools that help to grow traffic and convert more visitors on your site.
  • Sales Hub – Allows your sales team to manage and communicate with your leads and customers.
  • Service Hub – Customer service tools that help your customer service team to identify and resolve customer’s issues in a way that leaves them happy.
  • CMS Hub – Website builder and blogging platform that provides the ability to build and host a website without the help of a designer.

The HubSpot CRM

The HubSpot CRM is a free platform in the HubSpot core that includes access to all HubSpot marketing, sales, customer service and contact management tools for unlimited users. It helps companies to track leads and analyze business metrics.

The HubSpot CRM offers a visual dashboard with a view of the entire sales funnel. By using the CRM system, you can track customer interactions through email, live chat or phone calls, social media, and every interaction is stored in a timeline organized by lead. The platform integrates with other HubSpot tools such as Marketing Hub, Sales Hub and Service Hub.

Despite the HubSpot CRM being a free platform, it offers a long list of tools you can use to get new leads and do better business with the existing customers. The full list of CRM free tools can be found on this page.

The HubSpot Marketing Hub

The Marketing Hub consists of a set of tools developed to make life easier for your marketing team. By using them you can run a successful marketing campaign from start to finish. Here are the most features of this hub: blog and content creating tools, landing pages, social media, emails, SEO, marketing automation and analytics. These tools will help you to attract visitors, convert them into leads and delight potentials and current customers. The Marketing Hub connects with your HubSpot CRM to increase the website traffic and track your lead’s progress.

The HubSpot Sales Hub

The Sales Hub has tools your sales team needs to close better deals in less time. This hub lets your sales department see what pages and how often they are visited by your leads, so that helps to focus attention on what matters most and close deals with qualified clients. The Sales Hub syncs with the HubSpot CRM and you can monitor which deals are won, lost, or still in progress. The main features included in the hub are: email templates and sequences, free calling, meeting scheduling and pipeline tracking.

The HubSpot Service Hub

An important component of a successful business is great customer support service, and the HubSpot Service Hub can help you with that. It has all the necessary tools such as live chat and conversational bots, knowledge base, support tickets, phone support, customer feedback, canned snippets.

Integrate and use Hubspot with Jupiter X site

HubSpot has its own content management system (CMS) where you can build and host your site and manage marketing progress. However, you can integrate WordPress-based website with HubSpot using the plugin, so it gives you an ability to continue using WordPress as your CMS and use HubSpot’s marketing features.

The WordPress plugin called HubSpot All-In-One Marketing – Forms, Popups, Live Chat allows you to use HubSpot with Jupiter X site by connecting your account with the site. Thus you’ll get access to many of HubSpot’s tools directly from your WordPress dashboard.
To install the plugin, log in to your site’s dashboard, go to Plugins > Add New and find the plugin by typing the word “Hubspot” in the keyword field.

Once the plugin is installed and activated, you’ll need to connect your HubSpot account with the plugin. To do this, go to the HubSpot section and log in to your HubSpot account. If you don’t have it yet then you’ll be prompted to create one.

When it’s done, you’ll be able to create forms, lists, monitor new contacts and more from your WordPress dashboard.

Let’s check the example of creating the popup form using Hubspot. Open the Hubspot > Forms section and click the Create a free form button.

Select the Pop-up box form type and click Next.

In the next step, we need to configure the Callout view: add featured image, edit the text and color.

In the Form tab, we can edit the form view which will be displayed to our visitors after the subscribe button is pressed in the Callout window.

Also, we can set up the thank you message once the visitor subscribed in the Thank you tab.

In the Targeting tab, configure when the popup will appear, and if needed, add filters based on information about your visitors.

When all the settings are set, you can preview the newly created popup and then publish it.

Aside from that, the Hubspot plugin allows you to use chat and chatbots to engage visitors, build beautiful email newsletters inside the WP dashboard and nurture your leads with marketing automation campaigns. Also, you can manage your contacts and group them with the built-in list builder, as well as measure your business growth in real-time with analytics dashboards.

Set the HubSpot action in the Raven Form widget

In Jupiter X, using the Raven Form widget, we can submit our form data to the HubSpot form. To do that, we need to create a new form in HubSpot at first via the HubSpot account in Marketing > Forms.

Or if you have installed the Hubspot integration plugin, then you can do it directly in WordPress Dashboard > HubSpot > Forms.

Use HubSpot with Jupiter X - create form wp

However, the Hubspot plugin isn’t required for the functioning of the Raven form feature we are going to review. Once the form is ready, you can get the Portal ID and Form ID which are required for the action settings in the Raven form. You can find those IDs in the Embed section when editing the form.

Use HubSpot with Jupiter X - form edit
Use HubSpot with Jupiter X - embed forms
Use HubSpot with Jupiter X - form ids

The next step is to configure the Raven form action. In the Elementor editor, open the form settings and select Hubspot in the Add Action field.

Use HubSpot with Jupiter X - raven form settings

Then we need to add the Portal ID and Form ID in the Hubspot tab settings and set the Field Mapping fields to connect Hubspot form fields with our Raven form.

Use HubSpot with Jupiter X - action settings

Now when the form is submitted the data from our Raven form will be collected on the HubSpot side for further analysis, creating contact lists and more.

Wrapping Up

HubSpot offers great software as a free CRM along with specific free and paid software for marketing, sales and customer service teams, which integrate together to help your company grow. Besides that, HubSpot has its own CMS for creating and hosting websites, and it also easily integrates with the WordPress platform that gives a powerful tool for your inbound marketing on existing WordPress sites. Also, what is great in HubSpot is that it provides an opportunity to level up your professional skills with free online courses at the HubSpot Academy.

How to Create a Multilingual Jupiter X Site with the WPML Plugin

create a multilingual Jupiter X site featured

If your website has visitors from throughout the world, then it’s good practice to make it available in different languages. Making the site multilingual is a smart marketing strategy as it helps to increase subscribers and customers, and as a result, widen profit margins. In this article, we’ll show you how to create a multilingual Jupiter X site using the popular WPML plugin.

What is the WPML plugin and why do you need to use it?

The WPML plugin – which stands for WordPress Multilingual – is the most popular WordPress plugin that helps users to build a multilingual website. It allows you to translate the site’s content into multiple languages, and you can manage them in the same domain with a single WordPress installation. The WPML plugin is easy-to-use as it enables you to be able to quickly make your site multilingual.

WPML is a premium plugin with 3 different pricing plans:

  • Multilingual Blog
  • Multilingual CMS
  • Multilingual Agency.
create a multilingual Jupiter X site - pricing

With all these pricing plans, you’ll get support and updates for a year. WPML consists of a core plugin and add-ons, which can be installed to get additional functionality. Each plan has the WPML core plugin and different combinations of add-ons.

Here are the most useful WPML add-ons in order to create a multilingual Jupiter X site: 

WPML String Translation – The add-on allows to translate interface strings directly from WordPress without using .mo files. You can translate static texts and user-generated texts that are outside of posts and pages.

WPML Translation Management – With this add-on, you can manage the translation on your site, add your own translators, assign them a translator role as well as translation work. You can also use different translation services.

WPML Media Translation – This add-on helps you to create the WordPress Gallery in different languages, and it allows you to control which images will be displayed for each language.

WooCommerce Multilingual – This add-on can be used to build a multilingual e-commerce site. It allows you to translate all WooCommerce content including products, categories, variables, fields, etc.

The full list of WPML add-ons can be found on the official website.

Installing the WPML plugin and its components for a multilingual site

As mentioned above, WPML consists of a core plugin and add-ons. The core plugin is called WPML Multilingual CMS, and it’s always required. To make your site multilingual, you need to install the WPML core plugin and the main add-ons:

  • String Translation
  • Translation Management
  • Media Translation

The plugins packages can be downloaded from your WPML account’s downloads page. Important note: the WPML Multilingual Blog account type does not provide access to String Translation and Translation Management add-ons. 
After downloading, all plugins can be installed via the Plugins > Add New > Upload Plugin section on your site’s WP Dashboard.

create a multilingual Jupiter X site - upload plugin

You can get more detailed information on how to install the WPML plugin and its components in the WPML installation instructions.

Adding languages, configuring language URL and language switchers.

After installing and activating WPML a setup wizard will help you to configure the required settings to prepare your site for multilingual content. In WPML > Languages choose your current content language.

create a multilingual Jupiter X site - setup

In the next step, select the languages that you want to be enabled on your site.

create a multilingual Jupiter X site - select language

For the 3rd step, you can configure the language switcher. You can set the order of the languages and then add the language switcher to the navigation menu, footer or widget area on your site. You can also choose the language switcher style and what to include in the language switcher.

create a multilingual Jupiter X site - language switcher

After you’ve configured the language switcher options, you’ll need to then enter your site key to register for automatic WPML plugin updates. The key can be found in your account on WPML’s website.
In Jupiter X, in most cases the custom header/footer templates are used, so let’s see how to add a language switcher in the custom header template. First you need to open your header template to edit in Jupiter X > Customize > Header.

create a multilingual Jupiter X site - custom header

When you are redirected to the Elementor editor, on the left widgets sidebar, search field type “WPML” – or you can find the WPML Language Switcher widget manually in the General widget tab.

create a multilingual Jupiter X site - switcher widget

Then drag the widget into the header template section and place it where you want it to be displayed.

create a multilingual Jupiter X site - switcher added

The one thing before starting translating the site is configuring the language URL. Go to WPML > Languages and choose the URL format you want in the Language URL format section. Here you can set directories, subdomains or parameters for different languages in the URL.

Translating the site: Posts and pages, taxonomies, menus and strings

By using WPML when creating a multilingual Jupiter X site, you can translate WordPress pages, posts, custom post types, categories, tags, custom fields and content created with page builders.

Let’s take a look at the example of translating pages in Jupiter X. To start translating the pages, go to Pages > All Pages. There you’ll see the list of all your pages and the number of pages per language. You can translate pages by clicking the plus icon next to the content you want to translate.

create a multilingual Jupiter X site - translate pages

After clicking the plus icon, you’ll then be redirected to the default WordPress editor to add a new translated content. Add the title and then click the Edit with Elementor button.

create a multilingual Jupiter X site - translate page editor

When the Elementor editor opens, translate the page content and save changes.

In the WPML plugin, you can translate taxonomies (categories, tags) in the WPML > Taxonomy translation section. Select the taxonomy to translate and add translation by clicking the plus icon next to the taxonomy you need.

To translate menus, you can use two options. The first option is navigating to the Appearance > Menus section and creating a new translated menu by clicking the plus icon for the translations.

The other way is by using the menu sync tool in WPML > WP Menus Sync which automatically synchronizes the menu’s content. For detailed information on how to translate menus in WPML please, take a look at this article.

All other texts that are not in posts, pages and taxonomies can be translated with help of the String Translation tool in WPML > String Translation. You can follow this guide about the string translation. 

Wrapping up

WPML is the most popular WordPress plugin for multilingual sites and particularly useful while creating a multilingual Jupiter X site. It offers a number of useful features to translate your WordPress site into multiple languages easily. The plugin is user-friendly and simple to use. WPML has different add-ons, and you can install only the ones you actually need. WPML is a great solution for different types of multilingual websites such as eCommerce sites, blogs, social network and business sites.