How to Create a Custom Product List with Jupiter X Shop Customizer

WooCommerce is the world’s most popular eCommerce platform. And yes, it’s highly customizable. But adding a bunch of snippet codes to your theme or coding a custom product list to have a unique products page is really difficult.

On the other hand, what if you want to change the styles of every element in the product list? you must overwrite its CSS and check if the new styles are the one that you prefer or not. Man, It’s really time-consuming! Isn’t there any better solution to customize products list on your website?

Well, the answer is positive! Jupiter X solved that problem by introducing Shop Customizer. Jupiter X Shop Customizer allows you to customize almost every untouchable part of your WooCommerce shop including product list, product single, shopping cart, and checkout pages without writing any single line of code. Also, you can see your changes live and do trial-and-error testing easily and quickly.

When you create a custom product list with Jupiter X, you are able to:

  • Show/Hide product elements such as Image, Name, Price, etc.
  • Define the number of columns and rows of products in the list
  • Define the space between rows and columns.
  • Enable/disable pagination option.
  • Change the style of every element in the product list page.

In this article, we will guide you, step by step, through learning how you can create a custom product list with Jupiter X by a practical example. But before customizing the Product List page, you must create it.

Creating a Product List page

Once you have WooCommerce plugin installed and activated, you can use Jupiter X Shop Customizer to modify your product list. WooCommerce usually creates necessary default shop pages for you by including Products List. To make sure whether they’ve already been created, you can check it from WordPress left menu > Pages > All Pages. The one labeled as Shop Page is your default Product List page which can be modified via Jupiter X shop customizer.

In case you didn’t find that page, you can create a new page in WordPress, then navigate to WooCommerce > Settings > Products and make sure Product Archive/ Shop Page is assigned to it.

Note: Before any customizations, make sure that your shop page is set to the Default template.

There are two methods to create Shop page or Product List for your website in Jupiter X. The one by Shop Customizer and the other, by Elementor. In this tutorial, we focus on creating Product List via Shop Customizer.

If you plan to create your products page with Elementor, you can use raven Products element instead of Shop Customizer. That Elementor widget allows you to create your custom product list page with Elementor. In case you’ve created your products page with Elementor, you can’t use Shop Customizer and you must only edit it via Elementor.

Also, be aware that all the WooCommerce default shop pages, including Shop Page, should not be edited with Elementor. Once you modified them with Elementor, you won’t be able to edit them even anymore, even through Elementor. If you accidentally edit WooCommerce default product page with Elementor for any reason, you have two option to restore it:

1. You can simply delete that page and create a new page. Then, navigate to WooCommerce > Settings > Products and assign Product Archive/ Shop Page to it as we explained before. Make sure the new page is set to a default template.

2. Switch to text editor mode and remove every existing code inside it. WooCommerce default shop page must be empty, according to WooCommerce documentation.   

Customizing Product List with Shop Customizer

After creating Shop Page, you will be able to modify it with Jupiter X Shop Customizer.  To customize the product list you’ve created:

1. From the WordPress left dashboard, go to Jupiter X > Customize > Shop > Product List. 

2. A new window will open with all the available options to customize and style the Product List. Product List Customizer has two tabs: Settings and Styles tab. The first tab (Settings) allows you to enable pagination option, show/hide elements, define the number of rows and columns for your products page and more. In the second tab (Styles), you can change the styles of each element of the product list.

Settings

Here are the all available options in the Product List Settings tab:

Styles

Here is the description of all available options for styling elements which can be found in the Styles tab by clicking on Customize for a specific element.

Margins and Paddings

You can set margin and padding for every available element in Product List.

Units

Units are crucial to set font-sizes, measuring spaces, setting the width, etc. Because of that, you can set different units for all the properties which have units. There are four types of units in Jupiter X customizer: PX, REM, EM, and %. By clicking on the chosen unit, other possible units will be shown, and you can choose another unit for the property.

Responsive Option

The responsive option is one of the important and useful features in Jupiter X Customizer. This option allows you to set different values for different screen sizes for some of the properties of a particular element. For example, you can choose different font-sizes for Tablet and Mobile screen sizes. For every property which has the responsive option, you will see the Monitor icon next to it. By hovering over the monitor icon, three devices will be shown and you can choose another value for them.

Case Study

Let’s pretend that we want to create a Product List page with 2 columns and 6 products per page (demo is shown below). Pagination should be enabled so that users can navigate through pages.

Here’s what you can do:

1. Create a Product List page as described before.

2. Go to WordPress left Menu > Jupiter X > Customize > Shop > Product List

For this example, we want to enable the pagination and have 6 products per page in two columns. So, we set the number of columns to 2 and the number of rows to 3, so that we have 6 (2×3) products per page. In this example, we set Title HTML Tag to h2. You can also set the spaces between columns and rows.

Let’s now set the spaces between columns to 30px and rows to 70px. Finally, we want to display all the available elements in the Product List page, except rating. So, all you need to do is disable Rating option and enable all other elements. Final settings should look like this:

3. It’s time to style the elements you’ve enabled for products in the product list. So, navigate to the Styles tab. You can see all the available items you can customize theirs. By clicking on Customize on each item, you will be lead to the customization panel of that element.

Let’s start with customizing Name element:

  • Text Color: #333
  • Font Size: 20px
  • Font Weight: 700

Regular Price

  • Font Size: 25px
  • Font Weight: 500
  • Text Decoration: none
  • Text Style: Normal

Sale Price

  • Text Color: #e63b6b
  • Font Size: 25px
  • Font Weight: 700
  • Text Decoration: none
  • Text Style: Normal

Category

  • Text Color: #333
  • Font Size: 15px
  • Font Weight: 500
  • Text Style: Normal

Add to Cart Button

  • Text Color: #fff
  • Background color: #e63b6b, Background color (Hover): #6b6f78
  • Border width: 0, border radius: 0
  • Letter spacing: 1px
  • Font Size: 15px
  • Font Weight: 700
  • Text Style: Normal

Sale Badge

  • Text Color: #e63b6b
  • Background color: Transparent
  • Border width: 3, border radius: 5, Border color: #6b6f78
  • Font Size: 15px
  • Font Weight: 700
  • Text Style: Normal

Out of Stock Badge

  • Text Color: #888
  • Background color: #fff
  • Border width: 2, border radius: 0
  • Font Size: 15px
  • Text Style: Normal

Item Container

  • Text Align: center
  • Background color: #fff
  • Border width: 10, border radius: 0, Border color: #c4c4c4;

Pagination

  • Text align: left
  • Font size: 15px
  • Background color: #fff
  • Border width: 1, border radius: 0

After you’re done with all the customizations, simply close the Product List settings panel and Publish the changes.

Summary

In this article, we’ve explained how you can create a custom Product List with Jupiter X for your e-commerce website and how you can modify it via the Jupiter X Shop Customizer.

Meet JetWooBuilder! The Ultimate Tool to Create Unique Product Page Templates With Jupiter X

JetWooBuilder is a great new feature in Jupiter X that allows you to create WooCommerce Single Product page templates and WooCommerce Product Archive templates with Elementor live page builder’s multiple dynamic content widgets.

You can create unique product page templates with Jupiter X using lots of special widgets and assign it to any product you need. JetWooBuilder is very simple to use. Anyone, from beginners to expert developers, can create attractive and professional-looking WooCommerce Single Product pages without ever touching a single line of code.

Like many other amazing features in Jupiter X, JetWooBuilder is a plugin that can easily be activated through Jupiter X plugin manager.

Customizability

With JetWooBuilder, you can create any layout and design using Elementor page builder and assign it to a product or create an archive template for Shop in your website. So, the options are limitless.

JetWooBuilder Overview – 

Check out samples here.

Powerful Global Widgets For WooCommerce Online Store

Some global widgets in JetWooBuilder can be used for showcasing products and their taxonomies on a custom page.

This widget displays the WooCommerce Product Categories in a Grid layout on the pages built with Elementor.

With this widget, you’ll display the products in a beautiful grid layout. Note that products should be created with featured images, descriptions, and prices in place, so you can set up the widget in the most fitting form.

Using this widget, you’ll showcase the WooCommerce products into stylish list layouts.

This widget allows you to display the taxonomy categories or tags for the WooCommerce products in the form of attractive tile layouts.

Creating a Single Product Page Template

With JetWooBuilder you can create a new or use a pre-designed single product template using dynamic WooCommerce widgets and set it for WooCommerce products.

The layouts that can be used are:

Left-side Product Image 1

Left-side Product Image 2

Right-side Product Image

Centered Product Image

The JetWooBuilder documentation will give you more information on how to create unique product page templates with Jupiter X.

Creating Product Archive Template

Another great feature is creating the Product Archive template to use for the Shop page or any other product layouts displaying related products, cross-sells or products in the shortcode.

Using special, easy-to-use WooCommerce widgets, you can build such archive layouts:

Products Grid with Left Sidebar

Products List with Left Sidebar 1

Products List with Left Sidebar 2

Products List with Right Sidebar

Find more details about creating archive templates in the JetWooBuilder documentation.

Other Features

There are numerous options you’ll discover once you start experimenting with this amazing Shop builder. Aside from that, you can create Categories Loop template, set advanced appearance settings of the widgets, define widget margins and padding, use entrance animation, change the background for the whole widget, and so much more.

When users search for a specific product, you can use the Archive template to show the relevant items they’re looking for. The Archive template will also allow you to display items using shortcode, or with Upsells or Cross-sells widgets in Elementor-built single product templates.

How to Create Unique Product Page Templates With Jupiter X

Watch this video to learn how you can easily create templates for your online store using Jupiter X and JetWooBuilder:

How to create professional magazine websites with Jupiter

Are you running a news website? Or perhaps you have a newspaper and magazine website? You should have known by now that there are numerous WordPress themes made just for that purpose. Sadly, only a few of them will actually meet your expectations.

Jupiter X is different. It promises a perfect set of news blog or magazine features while offering much more for you to push limits even further.

Jupiter X comes bundled with a powerful plugin called JetBlog. Like many other amazing features in Jupiter X, JetBlog is a plugin that can be activated easily through Jupiter X plugin manager.

It has everything you need to launch your professional blog or magazine website while enjoying the power of drag and drop and live editor at the same time.

Jupiter X offers these elements for your magazine website:

  1. Smart Posts List
  2. Smart Post Tiles
  3. Text Ticker
  4. Video Playlist

Now let’s go through them one by one:

Smart Posts List

The smart posts list is the perfect tool to create professional magazine websites with Jupiter. It can display your posts in the form of content blocks with varieties of layouts and fully customizable appearance. You can customize elements such as your featured post, image size, title, meta, and more.

Smart list is a great way to showcase the most recent or popular posts on your website. See some live examples here.

Smart Post Tiles

This nifty element allows you to showcase your posts in the form of eye-catching tile blocks with varieties of layouts and style. You can customize almost everything, such as the gap between boxes, box overlays, content appearance, and meta information.

It’s another awesome way of presenting your chosen posts in a single view.

There are also 6 pre-built layouts to make it easier to set up your lists. All of these layouts are extremely customizable and flexible, too.

See some live examples here

Text Ticker

Text ticker is another awesome addition to help you create professional magazine websites with Jupiter. This element displays the recent and most important post titles to engage your readers more effectively. You can use it with dark or light skins and customize every single bit of it using a live editor.

You can see some live examples here.

Video Playlist

Nothing can showcase your videos better than the video playlist element. You can now include a complete playlist in Vimeo or YouTube with an impeccable design embedded right within your pages, so users can enjoy the content without leaving your website.

The best thing about this element is that it’s highly customizable. You can arrange the playlist content and change the style of the thumbnails, scrollbar, thumbnail numbers, or typography. Almost anything is now possible with Jupiter X.

Check it out live here

All these powerful capabilities are now included in Jupiter X through the JetBlog plugin. You can activate the plugin anytime you need it, so it won’t make your website bloated and heavy.

How-to

Watch this video to learn how you can easily create magazine-style blogs for your website using Jupiter X and Jet Blog:

How to Create a Mega Menu with Jupiter X

Mega menus are famous for their capacity and multi-column structure to hold more content than a classic drop-down menu. They are also more customizable and diverse content. It means you can place not only hyperlinked texts but also images, videos, buttons, etc. Jupiter X comes bundled with the most powerful and flexible mega menu builder for WordPress and it’s called Jet Menu.

Like many other amazing features in Jupiter X, Jet Menu is a plugin and it can be activated easily through Jupiter X plugin manager. If you’re wondering how to create a mega menu with Jupiter X, then worry no more. We’ve come up with this guide to help visualize what you can do with this dynamic mega menu builder.

Customizability

With Jet Menu, you can basically create any layout and design using Elementor builder and assign it to a menu item in your website. So, the options are limitless.

Check out a sample menu here.

Create a Mega Menu with Jupiter X 1

Mobile menus

If you want menus that are fully responsive to mobile devices, then create a mega menu with Jupiter X. Moreover, there are tons of individual modifications and settings for smaller devices.

Create a Mega Menu with Jupiter X 2

Vertical Menu

Jupiter X does not stop there. You can create a beautiful vertical menu with it, too! This, of course, is completely responsive and just about as customizable as its horizontal counterpart.

Check out a sample menu here.

Other features

There are numerous options you’ll discover once you get your hands on this amazing menu builder. Aside from that, you can Export and Import menu options across sites. There are also menu presets you can save and re-use in different menu locations. 

How-to

Watch this video to learn how you can easily create a mega menu for your website using Jupiter X and Jet Menu:

How to create beautiful Pop-ups with Jupiter X

Pop-ups are essential for promoting products or services in websites, that most blogs and e-commerce sites take advantage of pop-ups to increase user engagement. A pop-up is a great way to make site visitors stay interested, making them explore the website with more curiosity and willingness.

There are numerous ways you can add pop-ups to your WordPress website but with Jupiter X, creating and adding a pop-up is quite easy. Like many other amazing features in Jupiter X, Jet Pop-up is a plugin and it can be activated easily through Jupiter X plugin manager.

How to use pop-ups effectively

Pop-ups, like everything else, can easily be misused and it becomes horribly annoying for website visitors. Knowing your audience and nature of business will help you to use pop-ups at the right time and place. Here are some ways you can benefit from pop-ups.

  1. Offer a coupon or discount
  2. Offer freebies
  3. Collect newsletter subscribers
  4. Offer a shipping discount
  5. Offer an ebook or online course
  6. Notify visitors about their abandoned cart
  7. Offer a time-based discount
  8. Offer a free quote or advice
  9. Cross-sell (relevant offer)
  10. Re-engage with more content
  11. GDPR
  12. Countdown
  13. Cookie Policy
  14. How pop-ups work in Jupiter X

Jupiter X comes bundled with a powerful premium plugin called Jet Pop-up. With Jet Pop-up, you can create pop-ups with Elementor page builder. It means every feature you enjoy from Elementor is available while creating pop-ups, too. Here are some of its great features:

Drag & Drop Experience

You build your pop-ups inside Elementor editor, meaning everything is done just as easy as drag and drop! Quickly edit the styles, parameters, and position of elements, and use just about any element you have in your Elementor.

Manage Trigger Events

Choose the events and set timers and dates when the pop-up has to appear on the page. Jet Pop-up supports all helpful events such as: On opening, User try to exit, Page progress scrolling, Attached to widget, Onset date and User inactive time.

Position the Pop-ups anywhere on the page

There are also numerous options to position your pop-up according to your needs:

Classic

Bar

Full View

Slide-in

Bordering

Custom

Animation effects

Loads of beautiful, pre-made templates

Jet Pop-up comes bundled with dozens of pre-made designs for those who are in a rush or looking for something to be inspired with. These templates are designed according to different purposes and styles. Check out these beautiful templates here.

What about GDPR?

As GDPR seems to be trending these days and it is becoming more and more important, you can now inform your site visitors of your cookie policies with Jet Pop-up. Unsurprisingly, you can choose from the number of GDPR and Cookie Policy info block presets, too.

How-to

Watch this video to learn how you can easily create Pop-ups for your website using Jupiter X and Jet Pop-up:

https://www.youtube.com/watch?v=INDte2ouqsg

Artbees 2018 in Review

Nine years after Artbees started in an abandoned apartment basement, the team launched new products and released countless updates, resulting in new milestones and exceptional growth for the company!

You may have already seen enough of Year In Review posts in the last days of 2018, so we thought it’s better to keep ours for early January when you’re back afresh from the holidays.

This post highlights what Artbees has done in 2018 and recollects how we reached our achievements and milestones.

Jupiter X

Probably our biggest news in 2018 was the release of Jupiter X, the most capable and customizable remake of the Jupiter WP theme yet.

Well, listing all the powerful features that Jupiter X offers would definitely not fit in a single blog post, let alone a short paragraph. Suffice it to say, Jupiter X is going to be a game-changer with its very new page builder, Elementor. Just imagine that you have limitless control on every single aspect of every element and the ability to customize everything within a smooth user experience. All that would be possible with Elementor.

You now can build a unique header and footer with header and footer builder, customize every bit of your WooCommerce shop through the Shop Customizer, revamp the look of your blog and portfolio list, enjoy the ready-made block templates and get inspired to kick off your website, to name a few. If you want to step into the future of WordPress themes, Jupiter X can take you there —  just dream and create!

To see for yourself the unimaginable freedom and power Jupiter X gives you, please visit this link.

GrowFlow

It was in November that, along with our attendance at the Web Summit 2018, we introduced our very young product, GrowFlow, that just like Jupiter X for WordPress themes, is the future of Marketing. It basically personalizes marketing solutions for each and every user. The best thing about it is that it’s “intelligent”! Yes, Artbees stepped into the growing and exciting world of AI and machine learning to make marketing easier for everyone, not just marketers. GrowFlow constantly monitors users’ behavior and provides intelligent suggestions accordingly.

GrowFlow is in its very first steps, it is evolving as AI does, but it’ll soon take you away from the mass marketing giant, and instead offers you the tailored marketing solutions in the most efficient and intelligent way, and makes sure you are not left behind halfway. GrowFlow is not released for public yet and we are planning to send beta access invitation in early 2019.

To read about our official announcement of GrowFlow, please visit this link.

A Community of 132000 Users, Yay!

We’re proud to announce that the number of our users has grown by 20%  from 2017. And to be exact, we are now a family of 132,206 members who trust and support us to this day. Shout out to our great Artbees family, and way to go!

Agencies and Businesses Run by Artbees Themes

Nothing is better than watching the result of your hard work powering websites and fueling up businesses all around the world. 2018 was again a year of dreams and creations! Here are some statistics to get a better idea:

  • 1 agency made 100 websites using Artbees Themes.
  • 131 agencies each made more than 5 websites using Artbees Themes.
  • 40 agencies each made more than 10 websites using Artbees Themes.
  • 4 agencies each made 50 websites using Artbees Themes.

More and more awesome websites will come to life in 2019, cheers to that!

Artbees in WordCamp Europe 2018

2018 was the year of social presence and our reunion with the great community of WordPress. We managed to attend a couple of WordCamps around the world, the first of which was the WordCamp Europe happening in Belgrade, Serbia. Needless to say that we were lucky enough to be among 2000+ developers, designers, freelancers, entrepreneurs, speakers and experts who had one thing in common — the passion for WordPress. 

In the upcoming days, we were running from isle to isle and moving from workshops to talks to get the most out of the event. The entire WordCamp was somehow revolving around WordPress’s new editor, Gutenberg, and its capabilities, as well as GDPR. Matt Mullenweg had a keynote speech about that and the state of WordPress.

We managed to attend many exciting talks and workshops such as, “Mastering Feedback by Davide Casali”, which was simply about how we can master at giving and getting good feedback, “Making Websites Talk by Andrea Volpini” of wordlift.com which was mainly about the importance of the intelligent content on AI and machine learning application, and “Technical SEO to Grow Your WordPress Business by Yoast founder Joost de Valk”.

We also had a chance to engage in warm chats with some of the best in the market during the event and in after-parties, like the guys from Envato, Freemius, Elementor and many more. We learned a lot and met with a lot of fabulous people in this WordCamp, and cannot wait to attend WordCamp Europe 2019 in Berlin.

Artbees in WordCamp Milano 2018

Our second WordCamp experience happened in the charming city of Milan. Along with other factors that get us excited every time before attending WordCamps, this event was special in another way because we were lucky enough to sponsor a WordCamp event for the first time as Bronze-tier sponsor. Jupiter X was also presented to the great Italian community of WordPress.

One thing we’re sure about WordCamp Milano is that it had the best Contributor’s Day among all our WordCamp experiences. In a blog post, Maziar, one of our representatives, wrote about the insights and the reasons why he thought contribution day at WordCamp Milano was so special and how it changed his mind on voluntary work.

At this very special day and the days forward, Artbees had the chance to meet with guys from Yithemes, who run some of the most successful WooCommerce plugins in the market. We also met with Raffaella Isidori, an expert designer and passionate speaker, who shared some valuable tips and insights on the topic Maziar was going to speak about in our next WordCamp.

As always, we learned, shared, contributed, networked and strengthened our bonds with the great community of WordPress and came back excited for the upcoming WordCamps, this time in Greece.

Artbees in WordCamp Thessaloniki 2018

The last WordCamp we attended in 2018 was a local one in the beautiful city of Thessaloniki, Greece. Well, it was our last chance to contribute to WordPress and follow the culture of giving which is the spirit of all WordCamps, local or continental. That being said, we had the pleasure of sponsoring the event with our brand new Jupiter X for the second time.

Along with the sponsoring opportunity, Artbees had the pleasure to present in one of the talks. Maziar Firuzmand talked about a less covered topic “WordPress and The Problem of Diversity”, as part of a company dealing with this problem all the time. He gathered quite a positive response from the much diverse community of WordPress. Maziar also joined a panel discussion about Gutenberg and shared ideas, suggestions and community concerns together with other guests. Full videos of both sessions will soon be available on wordpress.tv.

Like all other WordCamps, we were really happy to be able to meet with fellow developers, designers, marketers, and WordPress-based agencies in Greece and will definitely plan to go back soon, hopefully for WordCamp Europe 2020 in Athens this time. You can read our full travelogue of this WordCamp here.

Artbees Got Even More Diverse

Artbees family has grown and got even more diverse during 2018. Right now there are 32 bees all around the world working hard hand in hand to make great products and to support our valuable community. Bees from many countries around the globe like Philippines, Ukraine, Colombia, India, Turkey, Nepal, Russia, and Canada bring together their unique cultures and languages along with their professionality to make Artbees a great example of a diverse WordPress family.

We are inexplicably grateful for every single member of our squad and will look forward to work with more peers from other parts of the world.

Audience and Users from Different Countries

In 2018 we again were rewarded with our users’ trust from all around the world. Receiving feedback, positive and negative, has made us work even harder to fulfill the users’ needs and to deliver the support they deserve.

Just like 2017, our reports show that our biggest community is in the US, with Germany and the Netherlands in the second and third row. A big shout out to our people in these and other countries. We will keep striving to make greater products and to walk the long way to flourish our young products together with you.

Happy Creating in 2019!

None of these milestones, objectives or achievements would be possible without the valuable community of people who use Artbees themes to create great websites or products. We are honored to be part of many ventures and businesses who use Artbees products to build and run and we can’t wait to see what our community will come up within 2019!

Meet Jupiter X v1.0.3! Blog, Menu and Popup Mega Features Are Added!

Is everyone back from the holidays? If you’re back at work like us, I’m going to kick off your year with great news about Jupiter X WordPress theme.

Just in the last days of 2018 when you’re preparing for your new year celebrations, our team was hard at work to deliver the last Jupiter X update release in 2018: Jupiter X v1.0.3.

Let’s see what’s important about it!

Jupiter X v1.0.3 introduces various improvements, additions, and fixes. You can see the detailed update log here, but I’m going to give you a glimpse of the most important feature added in this version:

  • Jet Menu
  • Jet Blog
  • Jet Popup

As you can guess from names, these features are related to menu, blog, and popup. But let’s have a closer look at each to better understand their capabilities.

Build professional blogs with JetBlog

JetBlog is a plugin that allows you to display Blog posts with different layouts using different dynamic modules such as Smart Tiles, Text Tickers, Video Playlists, Smart Posts List.

All these modules can be added on the page built with Elementor (so make sure Elementor plugin is installed).

Using JetBlog, you can:

  • Stylize the content appearance to match the general webpage style
  • Customize the module backgrounds, layouts, and responsiveness
  • Add borders
  • Apply shadows
  • Change typography
  • And more

There are many other options to discover for each of the content modules. Let’s describe every module for more information.

Smart Posts List

Smart Posts List widget displays your posts in the form of neat content blocks. You can change the listing max-width, featured post position, and image size. You can also stylize post excerpts and meta information without ever touching a single line of code.

Smart Post Tiles

Smart Post Tiles widget allows you to add posts to the website’s page in the form of an eye-catching tiles block. It has different style settings, allowing you to add a gap between boxes, create box overlays, and change the content appearance and meta information. It also has six pre-built layouts that will help you showcase your posts in a totally advantageous way.

Text Ticker

Text Ticker widget adds a captivating ticker content module to your website’s page while displaying the recent and most important post titles in order to engage more visitors to read the recent publications.

Video Playlist

Video Playlist widget allows you to add a video playlist to the web page. It’s very helpful if you want to showcase the videos in a stylish way. There are settings that allow changing the style of the thumbnails and scrollbar, as well as the thumbnail numbers or typography.

JetBlog feature will come in very handy for those who want to create a professional-looking blog and news websites. Jet Blog alone gives Jupiter X the capability of a newspaper theme! You can find more information about the JetBlog plugin in their documentation.

Customize your menus with JetMenu

JetMenu is another plugin that lets you create and style up your mega menu. You’ll be able to create content for the menu items and customize its appearance, add menu badges and icons, and change the menu item background.

The plugin works with the Elementor page builder, allowing you to add content to menu items in a drag-and-drop way. You’ll also get Vertical Mega Menu and Mega Menu widgets for Elementor, which lets you add a menu to any page section.

There are also Import and Export settings that allow you to export the JetMenu settings and use them on another site. You should note that in creating a mega menu, you will use the Elementor page builder, and the mega menu will be displayed instead of the submenu items. The default submenu will be disabled as it will be replaced by the Mega Menu content. In effect, you’ll be able to add any Elementor widget to your submenu and create any content you want.

JetMenu is a powerful plugin to customize your menus. Those who run heavy-duty websites with lots of content or e-commerce websites with a lot of product to showcase always make use of menus with rich content. More information about JetMenu plugin can be found in their documentation.

Build effective popups with JetPopup

JetPopup is an add-on for the Elementor page builder. It facilitates the addition of popups to the pages built with Elementor. With JetPopup you’ll be able to create new popups using all widgets available in Elementor. Also, it allows you to add popups to different widgets and its content, set the specific popup triggers, and choose the time when the popup appears on the page.

Preset Popup layouts

Another useful option is to select a preset layout. JetPopup plugin provides a variety of default presets that can help in creating popups with specific layouts:

Popup action button

There is also a Popup Action Button widget in Elementor page editor that allows you to create buttons that add Yes/No action to popup templates.

There are different actions you can choose from:

  • Leave Page
  • Close Popup
  • Link
  • Close Constantly

Usually, such buttons are added below the text blocks with questions like, “Are you sure you want to leave this page?”

Preset Popup Templates

What’s great in JetPopup plugin is you can use pre-designed popups from the Popup Library. You can import them and edit according to your needs with Elementor page builder, in the same way, you edit any other page.

There are a lot of other great features of JetPopup plugin like Mailchimp Form Integration, popup templates Export and Import, and Attaching Popups to any widget in Elementor (when you click on a widget or its button, a popup will appear).

JetPopup is most useful for websites that are designed to generate leads or sell products or services. With popups, you’ll facilitate the conversion process and make your website marketer happy! You can investigate other options deeply by reading the JetPopup documentation.

What’s next?

Well, a lot! There’s a lot happening in Artbees labs and more and more features are going to be added to Jupiter X very soon. Expect many brand new templates are going to be added in 2019. In fact, I’d like to share the insider tip that we are aiming to hit 300 templates count in 2019. So Stay tuned for a year packed with improvements, features, and templates and let us know what you think about the Jupiter X v1.0.3 in the comments.😉

Artbees’ Experience of WordCamp Milano: The Culture of Giving in WordPress

Before attending a WordCamp event in person, I always thought WordCamps were where WordPress developers and nerd coders hung out. Also, I was thinking WordCamp was where a genius came on stage to talk about technical matters related to WordPress and the audience clapped for them. This was the case until I attended the WordCamp Europe 2018 in person but the biggest change in my thinking about WordCamp was when I attended WordCamp Milano 2018.

Artbees was lucky to choose WordCamp Milano as the first WordCamp event to sponsor. Rouzbeh and I were representing Artbees at the event. We not only had the chance to showcase our Jupiter X to the Italian community of WordPress and also visit the beautiful city of Milan but also were able to manage to work hand in hand in one of the best WordCamp Contributors days we have ever attended. In this post, I will share with you the insights I’ve collected and how they changed my mind about voluntary work.

Does anyone contribute to WordPress?

Have you ever thought about how WordPress makes money? WordPress is a free platform. You can download, install and use its CMS from wordpress.org to build a website for free so how WordPress pays its bills. Well, you might s with wordpress.com subscriptions, the WordPress VIP service, its sponsors such as GoDaddy, BlueHost and SiteGround or with its plugins such as Jetpack, WooCommerce, Akismet and so on. Well that’s true, but it will surprise you to know that most of the work in WordPress behind and in front of the scene is being done by volunteers (so no bills to pay)!

As you know, WordPress is an open-source publishing platform and thousands of developers from different countries contribute to its codebase for free. All of them are working either for free or they are hired by companies that are built around WordPress. Oh, and by the way, they owe their existence to WordPress; Yoast -the leading SEO plugin for WordPress- is one of those companies that hire developers and puts them in service of WordPress core team to contribute to WordPress codebase.

In addition to the developers who contribute to the WordPress core, there are also volunteer teams called  ‘MakeWordPress Teams’. These teams are organized within different teams such as design, accessibility, mobile, support, documentation, themes, community, plugins and more; where we do lots of pro-bono works related to different parts of the WordPress software, WordPress community and everything in between!

You may have recently downloaded the hot new release of WordPress, Bebo. There is a high chance a particular feature in Gutenberg that you have liked or disliked was made by a contributor. Or for instance, if you have ever attended a WordCamp event, you should be aware that the entire team of organizers of that event are volunteers who work without getting paid. So, in fact, there are many people who contribute to WordPress, there are thousands of people who do it regularly and as part of their lives.

Is contribution to WordPress rewarding?

Yes. Actually, your voluntary work for WordPress can even be more rewarding than your full-time job. Below, I’ll have a look at our experience at WordCamp Milano contributor day and I’ll explain what ways you can get rewarded for the ‘free’ work for WordPress.

You will get a shiny badge on your WordPress.org profile

If you care about resumes, CVs and LinkedIn profiles (which you should!) you know how important it is to list certifications, degrees, achievements, awards, etc. related to your career and how effective they are to win the position you’re after. The good news is that the WordPress foundation will give you one of those shiny badges based on the kind of voluntary work you do for WordPress!

Marketing and Community MakeWordPress Teams Badges

It can be a core team contributor badge, marketing, design, accessibility, mobile or other teams badges that are issued by a prestigious software development company recognized by almost everyone in the software industry. I started my contributions to MakeWordPress Marketing team in WECU 2018, and I continued my contributions after the event as part of my regular life. And, at WordCamp Milano 2018 I was granted my Marketing Contributor badge!

There are hidden people and opportunities you want to discover!

The contributor days are not you sitting behind your laptop, writing code or anything else. It’s people who collaborate on getting things done for a software platform they like.  This is accompanied with a lot of fun, chit-chat, snacks and launch sessions. WordCamp Milano was a great example of this atmosphere. You could see people organized in different team working in maximum harmony. Among these teams, you happen to meet people you would never see outside a WordCamp; a fellow developer, a designer, a blogger, or a marketer.

With folks from Yithemes in WordCamp Milano 2018 Contributor day

At WordCamp Milano, we were lucky to catch up with folks from Yithemes– who run some of the most successful WooCommerce plugins in the market. We had a nice chat with Andrea and Giuseppe during the launch session about the state of affairs of the WordPress plugin and theme market, as well as discussing possible collaborations between Yithemes and Artbees. And you know what, that’s already in progress😉, and soon you will see that reflected in both of our products! This is the result of joining a session you know people in your area would join as well, knowing them, talking to them and expanding your networks. 

And that was not all. We happened to see some of the greatest members of the WordPress community there as well. Yes, someone you normally saw in photos next to Matt Mullenweg or wordpress.tv famous talks is sitting right next to you doing the very same job as you do. In the same place, on the same team. During the contributor session at WordCamp Milano, I got to meet Raffaella Isidori, an expert designer and passionate speaker on the marketing contribution team. She is an active part of the community team and a great leader to many on that team.

I was lucky to accidentally share the topic I was going to be speaking at WordCamp Thessaloniki a month later, ‘WordPress & Problem of Diversity’ with Raffaella and discovered she had a lot to share related to the topic. She referred me to a couple of people who have relevant experiences and stories regarding diversity. If nothing else, just the tips, ideas and people she openly shared with me made my talk a better and richer one. And to think I would have never known her outside WordCamp Milano 2018 Contributor day!

You will find your next job or missing team member

WordCamps are scenes for people from different areas and different levels of expertise and interests in their fields. There is a high possibility you can find the veteran Javascript developer you were looking for months through LinkedIn (useless!) job ads. There is also a chance you could meet someone who will employ you or connect you to your future job. Unlike many similar tech meetups or events like WebSummit, your ticket tier does not set your chances off from meeting pros and experts at the events.

WordCamps are powered by the bound of their community members to WordPress and its cause. It has a simple working economy, not to sell tickets on different tiers for the sake of more money (again like WebSummit). So chances are, that you can easily spot a legendary developer from Automattic, Yoast or WooCommerce (or Artbees! Just kidding ;)) during the contribution day, event day or after party! And, many entrepreneurs and business runners attend WordCamps to make use of this exact potential.

You learn. You learn a lot!

While working with agile development, design, marketing, community, training, and other teams on WordCamp Contribution days, you are likely to learn a lot of new things in your area. These teams are working under the supervision of leads. They are appointed based on their experience and cutting-edge skillset in their areas and can teach you what you could normally learn working in high-end tech and marketing companies or with very expensive training courses and events (i.e. Smashing Conference). Let me give an example from WordCamp Milano so you may relate better.

Marketing Team in WordCamp Milano 2018 Contributor day

Being a CMO and driving the marketing wings of my company, I have always had issues working with remote teams on Marketing. I’ve always had (and still have) doubts about how and if marketing teams can be remote? It wasn’t that it had completely changed my mind about the problem, but seeing how the MakeWordPress Marketing team is managing the remote work using a combination of Slack, Trello, protocols and weekly ceremonies started to make me think. And not to mention with dozens of contributors who have not met one another even once, was a bit of inspiration to maybe say that it is possible. At the least, I can understand that there is a still room to improve in my remote team.

How else can you support WordPress?

Simple. Support WordCamp events by sponsoring them! Look for local or continental WordCamp events in your area or where your target market lies. There are two continental WordCamps held every year: WordCamp Europe WCEU held in June in a European country, and WordCamp US WCUS held in the US in December every year. There are also dozens of local WordCamps in cities big and small on all continents. The sponsorship plans and prices can vary. You can find a sponsorship plan for as low as 500$ in a local WordCamp, but you can pay up to 100000 Euros for a top-tier sponsorship plan at a WordCamp Europe event.

Artbees was a Bronze sponsor of WordCamp Milano 2018

Artbees was a Bronze sponsor of WordCamp Milano 2018

In November 2018, we had the pleasure of supporting WordCamp Milano 2018 as Bronze-tier sponsor. We had the chance to meet and network with local WordPress businesses, meet with some of the great organizers of WordCamp in Italy and also had the opportunity to feature our brand new Jupiter X WordPress theme to WordPress lovers. This was our first WordCamp event to sponsor, but that led to a chain of interest to sponsor other WordCamps including  WordCamp Thessaloniki in Dec 2018, and WordCamp Europe in June 2019. And then who knows, maybe many others🙂. Start by checking make.wordpress.org to find the team you like to start contributing or visit WordCamp Central to find the next WordCamp event nearby to sponsor!

Hero image > Courtesy of Massimo Mormile – WordCamp Milano 2018

Giveaway: Get This Free T-shirt Shop PSD Webpage Template

We’ve created a WordPress theme for e-commerce websites and we would like you to give it a try by downloading its free PSD landing page template. For the next installment of our giveaway, we are giving another FREE T-shirt Shop PSD webpage template. Absolute no mechanics!

We’ve created a WordPress theme for e-commerce websites and we would like you to give it a try by downloading its free PSD landing page template. Expertly designed by the Artbees team, this new theme, T-shirt Shop, is created to suit the most advanced layout builder, Jupiter X.

It’s a free T-shirt Shop PSD webpage template that consists of Photoshop files instead of heavy codes. No need to worry about writing or editing code. What’s great, is that this is not a contest, you can easily download the PSD WordPress template without any mechanics to follow!

Key Features

Built for online stores, T-shirt Shop is a single shop-based WordPress template for Jupiter X builder. The template has a full-screen search feature, modified single product, and product lists which are improved and modified with Shop Customizer.

It has a simple yet professional design with green accents that complement the white background. It also has accessible contact information all throughout the website which is perfect for an e-commerce website. Another thing that’s great about this Jupiter theme is that it has an Add To Cart feature as well as a Sort Button feature that are essential for online stores.

No coding skills? No problem! This template contains Photoshop files and requires no coding skills. You can set up an online store for your business without doing all the crazy coding stuff in an hour or two!

Free T-shirt Shop PSD Webpage Template Full Page

Use Cases

The free T-shirt Shop PSD webpage template is perfect for businesses who want to create a simple e-commerce website and feature their products online. These businesses could be start-ups and are new to e-commerce or those who have existing businesses but want to showcase their products online through an e-commerce website. Especially now that we’re in the digital era, more and more people prefer to shop online instead of going to the stores.

Some businesses that may find this template in theme with their brand include t-shirt shops, sporting goods store, arts and crafts businesses, home improvement stores, office supplies stores, and more.

You can use the free T-shirt Shop PSD webpage template to create an online platform for your business while eliminating distracting information and placing focus on your products. This Jupiter theme is well-designed to suit any business and can be tweaked accordingly to transform it in a way that matches your brand.

Build an online presence for your business in as easy as 1-2-3 with this free T-shirt Shop PSD webpage template from the makers of the visual website builder, Jupiter X. Start raking in sales by having your own e-commerce website and enjoy endless opportunities for your business. Download the T-shirt Shop PSD WordPress template today for free and start selling!

[abb_downloads file_type=”free_file” title=”Download T-Shirt Template” tweet_text=”Enjoy the free T-Shirt webpage template from @artbees_design! Download here: https://bit.ly/2LtykPW #FreeJupiterWPTemplates”]

To enjoy more than 160 advanced templates that are already coded with the highest standards, download Jupiter WordPress Theme!

[call_to_action title=”Download Jupiter WordPress Theme Now” target=”_blank” url=”https://themeforest.net/item/jupiter-multipurpose-responsive-theme/5177775?utm_source=TShirtFreeJupiterWPTemplate&irgwc=1&clickid=Q3XVRp27-Vd-W5SUr%3AxaIR5HUkg0Z4yRFRdWRY0&iradid=275988&irpid=27795&iradtype=ONLINE_TRACKING_LINK&irmptype=mediapartner&mp_value1=&utm_campaign=af_impact_radius_27795&utm_medium=affiliate&utm_source=impact_radius” type=”link”]

***Important Note: Artbees free templates cannot be sold or distributed as it is — only derivative works for end users can be sold.

[Giveaway] A Taste of 2019 with Artbees Free Holiday Template!

I want to add to the happiness right in the middle of the happiness this season brings! You’re most likely having fun celebrating the Christmas season and preparing for the new year or enjoying your vacations right now. Regardless, I’d like to take the opportunity and treat you with a free template from Artbees to add to the happiness that this season brings!

Continue reading