Working Remotely During COVID-19: Challenges and Tips from Artbees

Amid the COVID-19 outbreak, many companies around the world were forced to roll out remote work as their top policy to help slow the rapid spread of Coronavirus. And we weren’t the exception! As a member of the WordPress community with 80% of our staff already working remote, shifting to working-from-home mode was not a major hassle for us. Following the initial announcement, we partially shut down the office, and nearly everyone was asked to begin working remotely during COVID-19. Since the beginning of last week, we completely closed our office doors, and we are now happy to announce that our team is 100% remote, hoping we could – even if only a bit – help to break the chain of infection.

Obviously, this shift was pretty new for a couple of us, and we experienced some challenges to get everything in place working from home. So to get a grasp on real-life experience, we asked both our veteran remote workers and newbies to share what challenges they faced and how they overcame them. We also gathered some tips on how to effectively work in lockdown, which could be helpful for anyone struggling to strike the work-life balance at home.

Constant communication is key

Remote work means you are also remote from your colleagues, office environment, coffee break chats and more. According to the stats, 20% of remote workers struggle with loneliness. Working remotely during COVID-19 with the added pressure of social distancing doubles concerns about a breakdown in communication. This loneliness and lack of proper communication with colleagues can demotivate and negatively affect the overall quality of someone’s work. Fortunately, in the age of the internet with numerous communication tools available, this shouldn’t be a major issue anymore.

Working Remotely during COVID-19

Set up daily stand-up meetings with your team or supervisor at the beginning of the day. Even a single wave in a short video conference will boost your energy for the day. Use tools such as Slack, Skype and Zoom to be in constant communication with your team.  Tatyana, our Senior Support Staff, also believes that anyone can easily overcome the miscommunication issue:

I myself have been working remotely for 6 years. Sometimes it’s difficult as you don’t have your colleagues near your side, and no one will give you a piece of advice. But in the age of technology, this problem can be solved. We have different messengers like Skype, Slack, Viber where you can communicate with each other.

Treat it like you are at the office

Working remotely from home? Woohoo! I’ll go ahead and wear my warm pajamas, jump in my cozy bed, have my coffee by my side  and promise to be the most productive me! Stop there! This is definitely the worst approach toward working from home.

Working in your house clothes in an improper place like your bed can affect productivity in the long run. So try to get up at least an hour before work starts, take a shower and get dressed. You don’t have to be too formal. Doing things such as brushing your hair, putting on make-up (if that’s part of your work routine) and dressing in comfortable and proper clothes is enough to help your brain to prepare for work. This also helps establish some normalcy, which is particularly important while working remotely during COVID-19. Plus, you won’t be caught off guard if your supervisor makes a video call out of nowhere!

Gulhan – who is a developer – and two members of our support staff, Alexander and Aamir, think you should define a specific routine to stay organized while working from home:

Gulhan: I wake up early and always go to bed and wake up at the same time even on weekends. Because my brain clock knows my routine I never feel sleepy or tired. I also change my clothes before I start to work. Working at home doesn’t mean that we work with sleeping clothes. Nobody is asking us to suit up surely but working in sleeping clothes is not acceptable at all.

Alexander: When you work remotely the main thing is to be self-organized and divide your home routines and working time. Get up before the working shift starts, at least 1 hour earlier to do some morning exercises, and never work in your pajamas!

Aamir: One tip for working from home is to make sure that you get dressed. There’s something about getting dressed, putting clothes on,  brushing your hair, because when you do this, it kind of puts you into work mode and it tells your brain, ‘okay I’m transitioning from the bed into work mode.’

Equip your home office efficiently

One of the biggest challenges of working remotely is finding the best spot to establish your workplace that isolates you from your personal life and family members. Dedicate a special time to set up your home office and do as much as you can to equip it with any tools and devices that will help you keep your productivity steady.

Working Remotely during COVID-19

If you’re a messy-desk type of person and have already made peace with your clutter, then this piece of advice will be the easiest task for you to accomplish! Just grab your laptop, find a place for it on your desk and start creating wonders! But those who are used to working on a neat desk, you should take time to create your own workplace away from any distraction. The best thing to do would be to dedicate one room to work. But if you live in a small apartment, a comfortable corner that separates you from the rest of your home would also do the job. Get a comfortable chair that you can safely spend hours on and try to choose a place with enough natural lighting. Separating yourself from your personal life like this also helps your family members understand you are officially at “work” and to respect that by not distracting you with any conversation, chores, etc.

After all, it’s a matter of what works the best for you. You might want to change your workspace once in a while from your room to a sofa in the living room or even to the balcony. You will gradually figure out what and where allows you to focus on your work better. Just like what Aamir suggests:

You don’t have to be in the same spot every single day. Sometimes what I do is I actually go hang out in my sisters room and I actually get work done there, because when you work from home it’s nice but sometimes after a while you can easily get bored and it can drive you crazy.

Or you can separate a room for work – and only work – like what Gulhan did:

I have my own working space at home and it’s designed like an office. I have only 1 table and 1 very comfortable chair and that’s all. I did not put a second chair intentionally, because I did not want anyone else to come to my room to hangout or chat.

Or like Alexander, pay close attention to the furniture and devices you need:

The most important part is a working place: spacious table, comfortable chair, ergonomic keyboard and mouse, eye-friendly monitor (don’t forget to keep your eyes safe). Good and stable internet connection also plays an important role to be more productive.

Sometimes you need to personalize your home office as much as possible to stay focused. Patrick, our developer, believes so too:

Having my own desktop and laptop. I cannot simply work on other people’s devices. I mean you need something that you own personally. And I work on desktops more than laptops. I love a large screen, keyboard and mouse. I feel much more productive and comfortable.

And finally, as we mentioned earlier, choosing the best spot to work depends entirely on you and your mood. Nodari, a member of our support staff,  for example, went against all odds and figured out he can be productive and creative in different locations –even on a hammock!

Sitting at the PC desk for several hours can be very boring, can affect your back and probably you will be tired very soon. This was the problem I was dealing with when I started working from home, then I started exploring some other options and this is what I came up with:

The main station – I call it my main working desk where I spend most of my time with my laptop. It’s kind of a universal place and usually I use it when I’m working on a serious task.

Sofa – I love it because I can take different poses on the sofa, I can lie on it, and I can even take half sitting half lying poses! 😀

Beach chair – not often but I have one and sometimes it’s very comfortable to lie on it. Maybe it’s reminding me of summer and sun? 🙂

Hammock – Believe it or not, I have a hammock in the room! It’s great for creativity!

Well, why not?! If it helps you stay focused and increases your productivity, then go for it! Even if it runs counter to all the tips mentioned above!

Take small breaks

While working at home, you obviously don’t have the option to get up and go around the office or meet in the cafeteria for a coffee and chat a bit with co-workers. You are more likely to spend all day behind the desk, which is dangerous for your health and bad for the quality of your work.

Take small breaks, prepare a tea or a coffee, take casual walks around home and get back to work again. But remember, your break times are for relaxing only! Try not to mix it with completing chores around the house!

Working Remotely during COVID-19

If you have small children, go spend some time with them while they’re watching cartoons. Have a conversation with other family members. Put on your headphones and listen to your favorite music, do exercises, yoga or meditation for a couple of minutes, which will boost your mental and physical health. This is invaluable advice, particularly while we are working remotely during COVID-19 and ongoing social distancing.

Nearly all our colleagues pointed out the importance of breaks:

Tatyana: Don’t sit at the desk the whole working day! You’ll be tired and bored. Take a 5-min rest after each hour, make some cup of coffee or tea or even talk to your remote colleague via chat or video call.

Aamir: Make sure that you take frequent small breaks, these are really important. I usually follow the 20-20-20 rule. It goes like this “Every 20 minutes, take a 20-second break and focus your eyes on something 20 feet away.”

Alexander: Don’t forget to take breaks each 1-2 hours and shake your bones, as sitting and working affects your health in a bad way.

Patrick: Have flexible break times. I either take a break before or after a daily stand-up meeting. Sometimes I’m in the zone and I have to pause my break for later. And I drink coffee twice a day, one after I started my day and another one after my break.

One final word to leaders

And finally, a word to all leaders and managers working remotely during COVID-19! As a manager in the web industry, there is a high probability that you already developed remote working strategies for at least a couple of your employees – meaning that managing a remote working team won’t be that difficult for you. But managing a team during a pandemic can be challenging, and you might need to develop extra plans to lead your team through this tough time. Many plans you previously put in place might not be effective or appropriate during this time.

For example, following the Coronavirus outbreak, all kids are at home now, so be as flexible as you can with working hours to your teammates with children. It might be difficult for them, at least in the beginning, to balance their time between kids and work.

Keep track of your teammates and communicate with them more often. A casual chat or a video call to check on if they’re doing ok and all is well with work would be very motivating and will drag them out of unwanted isolation.

Send feedback to your team more than usual, celebrate their wins and get them engaged in group conversations on Slack or any other instant messaging app. It’ll make them feel as if they are part of the family.

Hold virtual happy hour meetings once a week and ask everyone to join with their favorite snacks and just talk about anything other than work – you could even get their family members to join. Trust me, nothing will boost their morale more than this during this challenging time.

We are in this together!

Working remotely during COVID-19 can pose challenges to our lives, particularly with the stress, rumors and negativity that come with the outbreak. However, if it’s done in the right way, it can even be the most productive period of your professional life. So accept the challenge and always remember that your lockdown has such a big effect on reducing the likelihood of transmission. So stay inside, stay connected, stay safe and don’t forget that we’re all in this together!

We also shared our experiences working from home in the video below. If you have any other tips and experiences regarding remote work, please comment below and help us spread the useful knowledge!

2019 in Review: Happy New Year to the Artbees Community

2019 in Review Featured

I’m happy that a new year is unfolding – but not because it’s the holiday season or it’s a fresh start. Frankly, I kinda hated 2019. In reviewing 2019, I’d say the past year was quite an overwhelmingly busy year for us at Artbees. But it was amazing to see how our hard work paid off tremendously. When I look back and see what we have achieved as a team, I can’t help but share with you exactly what I am very excited about:

29,000 websites created with Jupiter X in 2019. Mostly built with our pre-made templates

We released Jupiter X almost a year ago. And we immediately started providing pre-made templates (or demos) and reached more than 150 templates in less than 6 months. Now Jupiter X offers more than 250 templates. And these aren’t just any templates. For the first time on the market, we crafted these beautiful pre-made templates with the marketing best practices and customer conversion in mind. And – looking over our numbers in reviewing 2019 – it paid off. Our templates install rate was record-breaking during 2019. It involved a big chunk of the nearly 30,000 websites built by Jupiter in 2019 alone.

Stats 2019 in Review

Jupiter X on the path to perfection in 2019

It is almost impossible to avoid customers who are angry over the bug when releasing a new product. It just happens. You need time and of course a bit of luck to pass through this dangerous stage. We worked tirelessly, stayed up at night, released hundreds of bug fixes and improvements to make sure that Jupiter X is once again reliable like ever before. In the meantime, we also added numerous glamorous features.

  • Introduction of free Jupiter X Lite
  • Custom single and archive page
  • Custom post types
  • Gutenberg compatibility
  • Addition of more free plugins such as Jet Tabs, Jet Tricks, Jet WooBuilder, Jet Engine, and SmartFilters
  • Accessibility improvements
  • Donut plugin to migrate old WPbakery content to Jupiter X
  • German, Spanish and Turkish translations
  • And much, much more.
Templates 2019 in Review

2019 in Review: New products

I – along with two other crazy guys – founded Artbees as a freebie company! Maybe we were too naive back then, but even now that we sell some of our products, we have not forgotten our old dreams. We released two products, and they are both amazing. And yes, they are free too:


WunderWP 2019 in Review

WunderWP is an extremely useful plugin that allows you to save your Elementor widget styles, section or page designs on the Cloud and reuse them on other pages or websites. Moreover, a huge collection of ready-made styles and page designs are at your disposal. And we constantly pump our more beautiful designs. If you create websites using WordPress and Elementor, this is your Lightsaber! Just give it a try and see for yourself. Download it here for free.

audiosome 2019 in review

Most of the music online that has been composed skillfully is for sale. Copyright is also a serious issue – even when you are using music only for your homemade family video. It just sucks. And that is why we started a movement. It is called Audiosome, which is an insane and completely FREE music and audio collection. It is a community where artists and enthusiasts share their great works with others without charging a penny. It is also a place built upon trust and hope. Check this out now.

What is next?

After getting a comprehensive review of 2019 for Artbees, you’re probably wondering what’s next for us. Well, we’re not in the business of spoiling surprises. So I will be silent. But there is one thing we will never give up in the following year. The betterment of Jupiter X. Our focus remains on getting rid of anything that could be somewhat unpleasant with Jupiter X.

We need you

To deliver the best experience of building a WordPress website, we need your feedback. And we need it a lot. I assure you that anything you report whether it is a bug or improvement, is extremely valuable and will be immediately taken care of. Just tell us what annoys you or could be better. Here is how we can stay in touch if you are interested:

Jupiter X Facebook Group
Artbees on Twitter
Artbees on Facebook
Artbees on Instagram
Artbees YouTube Channel

Thank you for your support and wish you a Happy New Year on behalf of the Artbees team 😉


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

How to create custom 404 pages with Jupiter X

how to create custom 404 pages with Jupiter X featured image

Sometimes, when we surf the internet, we encounter a 404 page (Page Not Found). But, what exactly does it mean? A 404 page is displayed when we want to see a page that does not exist. We may follow a broken link or type an incorrect link so the server responds to the browser request with an HTTP 404 code, hence, we see a 404 page.

For all Content Management Systems (CMS) and websites, there’s a default 404 page that’s displayed on appropriate situations. In this article, we’ll show you how to create custom 404 pages with Jupiter X, and how to improve and customize them the best way.

Key points to have a better 404 page

We can add some helpful sections in a 404 page to improve the usability of the page. In this article, we’ll show you how to optimize sections of your 404 page. Here are some of the things you can do:

  • Display recent posts/portfolios
  • Add a call to action button
  • Add a search form

How to customize default 404 page

Jupiter X is backed by an extremely powerful API for customizations. For developers, it offers lots of opportunities to customize the look and feel of different sections of Jupiter X. Let’s explore some ideas on how to customize Jupiter X’s default 404 pages in a child theme.

We must add our codes in the functions.php file of the child theme. All the codes need to be added inside the following function so that it will only affect the 404 pages.

 * Modify the 404 page.
add_action( 'wp', function() {
    if ( ! is_404() ) {

    // Add codes here.
} );

By default, the 404 page looks like the one below. Later, at the end of the section, you can see the customized one, after some tweaking.

how to create custom 404 pages with Jupiter X 1

Remove sections from page

Because not all 404 pages require a header, footer and title bar. We can clean the page by removing them.


// Remove header.
jupiterx_remove_action( 'jupiterx_header_partial_template' );

// Remove title bar.
jupiterx_remove_action( 'jupiterx_main_header' );

// Remove footer.
jupiterx_remove_action( 'jupiterx_footer_partial_template' );


Change the title and description

Almost all of Jupiter X’s texts are changeable via the API. For this page, let’s change the title and description.


// Change title.
add_action( 'jupiterx_no_post_article_title_text_output', function() {
    return 'Ooops! page not found.';
} );

// Change description.
add_action( 'jupiterx_no_post_article_content_text_output', function() {
    return "We can't seem to find the page you're looking for.";
} );


Change layout

There are also different layouts in Jupiter X. In this case, let’s set the page to full width.


// Remove the sidebar.
add_filter( 'jupiterx_layout', function() {
return 'c';
} );


Add a graphic

Graphics play an important role to get the site visitor’s attention, so why not use a nice 404 graphic in our custom 404 page? This graphic is downloaded from the Drawkit website.

But first, we need to add the graphic to the child theme, so we can add it under the assets/img folder. If the img folder is missing, you can easily create it yourself. 

how to create custom 404 pages with Jupiter X 2

Now, we can add the graphic to the 404 page.


// Add the graphic before the title.
add_action( 'jupiterx_post_title_before_markup', function() {
        echo '<img class="jupiterx-child-custom-404-graphic" src="' . 
get_stylesheet_directory_uri() . "/assets/img/error-404-colour.svg" . '"
 alt="Custom 404 graphic" />';
    } );


Add some styles

The styles and scripts can easily be added in the child theme. To improve the design, we can add some CSS codes in assets/less/style.css

.error404 {
   text-align: center;

   .jupiterx-main {
       background-color: #f3f2f2;

   .jupiterx-main-content .row {
       height: 100vh;
       align-items: center;

   .jupiterx-content {
       max-width: 700px;
       margin: 0 auto;

   .jupiterx-child-custom-404-graphic {
       max-width: 500px;

   .jupiterx-post-title {
       margin-top: 2rem;

How to create a 404 page in Elementor

Elementor allows us to build any layout so let’s use it to create a custom full width 404 page. The final page will look like the following image.

how to create custom 404 pages with Jupiter X 3

Create a new page

1. Create a new page from Pages > Add New menu in WordPress left sidebar then publish the page

how to create custom 404 pages with Jupiter X 4

2. In the page, set the Template to Elementor Canvas from Page Attributes. Update the page and click on Edit with Elementor button.

how to create custom 404 pages with Jupiter X 5

Add a new section in Elementor

1. Add a new Section and select the first structure.

how to create custom 404 pages with Jupiter X 6

2. Edit the section. On the Layout tab, set the following settings.

how to create custom 404 pages with Jupiter X 7

3. On the Style tab in the Background section set the following settings. You can download the image from Unsplash site for free.

how to create custom 404 pages with Jupiter X 8

Add headings in Elementor

1. Add a Heading element. On the Content tab, set the following settings.

how to create custom 404 pages with Jupiter X 9

2. On the Style tab, set Color to rgba(255,255,255,0.58).

3. On the Style tab, set Typography settings as follow.

how to create custom 404 pages with Jupiter X 10

4. Add other new Heading elements. Add the following text to in the Content setting:

Oops, we can not find the page you are looking for

5. On the Style tab, set Text Color to #ffffff.

6. On Advanced tab, set the following settings.

how to create custom 404 pages with Jupiter X 11

7. Add other new Heading elements. Add the following text to in Content setting:

– You may have mistyped the address or the page may have moved.

8. On Style tab,set Text Color to #ffffff.

9. On the Style tab, set Typography as follow.

how to create custom 404 pages with Jupiter X 12

10. On the Advanced tab, set the following setting.

how to create custom 404 pages with Jupiter X 13

Add a call to action button in Elementor

1. Add a Button element to page.

2. Edit the Button. On the Content tab in the Button section set the following settings.

3. On Style tab in Button section, set Text Color to #ffffff, set Background Color to rgba(153,76,0,0.53) and set Border Color to #e2574d then set the following settings.

Add recent posts/portfolios in Elementor

1. Add a Posts element from Raven elements to page.

2. Edit the Posts. On Content tab set the following settings.

3. On the Style tab in Post Title section, set the Color to #ffffff then set the following setting.

4. On Style tab in Excerpt, CTA Button sections, set Color to #ffffff.

Update the page

We are done with the custom 404 page, let’s update the page to save our changes.

How to assign custom 404 page in the customizer

To assign our page in customizer goes to Appearance > Customize in the left sidebar of the WordPress admin page.

1. In Customizer click on Pages.

In a new section click on 404 menus to open a popup, in the popup on Setting tab choose your page on Template dropdown.

3. Click on Publish button on top of Customize page.

NOTE: If you can’t see your page in Template dropdown perhaps you have not published your page. Go back to your page and hit the Publish button.

Common Issue

There are some common issues in WordPress 404 pages. In this section, we explain an issue and its solution.

Posts/pages returning 404 error

The problem may be related to permalinks cache. To fix the issue go to Permalinks settings (WordPress Admin > Settings > Permalinks) then click on the Save Changes button. In most cases, it solves the issue.


In this tutorial, we explained how to create custom 404 pages with Jupiter X in Elementor. In customizing default 404, you learned how to use Jupiter X actions and filters to modify HTML, attributes, and texts. In creating a custom 404 page via Elementor, we learned some features of Elementor and assigning the page in Jupiter X. If you have any questions please let me know in the comment section below😉


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

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.


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


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 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


  • 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;


  • 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.


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.


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

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.


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


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

How to Create a Mega Menu with Jupiter X

Create a Mega Menu with Jupiter X Featured image

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.


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. 


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


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

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:



Full View




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.


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


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

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.


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 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

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!


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

Introducing Jupiter’s New Header Builder: Here’s what’s new!

You asked, and we heeded! Our goal with this new Header Builder was to knock down any limitations or restrictions you once had in customizing your headers and give you full reign over the look and functionality of your headers! In this article, we’ll introduce you to some of the new header toys you’ll have along with how to make use of them.

Continue reading

Part I: Common Errors During WordPress Installation and How to Fix Them

WordPress has been marketed as being easy-to-use and learn. And in many ways, it is! Though having worked with WordPress themes for many years now, I’ve seen a pattern of common challenges and problems people encounter. Now working on the Support Team at Artbees, I see firsthand every day what roadblocks you, our customers, are facing and I’m here to help!

Continue reading

Custom Contact Form Builders and How They Work With Jupiter WordPress Theme

WordPress is used by millions of people worldwide from across endless sectors and spectrums of experience and use. One easily overlooked and underestimated part almost every website has is the Contact Form. Think about it—usually, in order to communicate directly with your customers, your website needs a contact form–easy enough, right?

Continue reading

5 Honest Questions for Your Business To Make the Most out of 2017

What are your business goals for 2017? With the end of 2016 drawing near, whether you’re a one-man show running your own business or have a bigger team, now’s the time to make a conscious effort to pause and look back on the year and consider a few direct questions: What worked? What didn’t work? What lessons can be applied to their future plans for the new year?

Continue reading

How It’s Made: The Artbees Template Design Process from Ideation to Creation

Just last week in the Artbees hive, we barrelled right on past 100 and hit 110 templates that we now offer to our users. Having surpassed that goal we set just about a year ago, it was a surreal moment for us. Though to be honest, it was a bit anticlimactic as we briefly paused to do a celebratory jig before quickly getting back to work on the next batch of new templates.

Continue reading

Memoirs of a Tech Company: 2015’s Worst Mistakes

feature- tech company mistakes

Right around the time New Year’s Eve rolls around, teams led by their management in companies all over the world generally come together to write goals and resolutions for the upcoming year. They discuss next steps to take, targets to hit and how they can be even better! Oftentimes though this ritual can inadvertently allow teams to skip over the failures and mistakes of the past year lest they compromise their enthusiasm to get a fresh start.

Continue reading