Back to contents

How to export and import JetMenu styles to apply pre-designed stylization

This tutorial uncovers the way of importing and exporting JetMenu styles. Once you’ve created a preferable style, you can apply it to your another project.

When you start working with JetMenu plugin, you create a unique design, and then you’re perfectly happy with it. But what about using similar designs on different projects?

An important thing you need to know is that you can save and repeatedly use the menu style templates. This is what JetMenu Export and Import options are for.

Also, you can easily import the style settings used on JetMenu live demo website from the dummy-data folder located in wp-content/plugins/jet-menu.

Now let’s learn how to import JetMenu styles.

Exporting JetMenu Style Settings

Let’s assume you have already set the style of the menu according to your needs. You want to export the styles in order to use them again in other projects.

Step 1 — First, open JetMenu in WordPress Dashboard and here locate Export and Import buttons at the bottom of the page.

Step 2 — Click the Export button to export the current style you already have on your site.

JetMenu settings

Step 3 — After that, you’ll see two options, suggesting you to either open the saved file with the code editor or save the file. Select Save File option and then hit the Save button. The file will be saved on your hard drive in the default Downloads folder.

You can easily track the saved styles file by its name, it will be called jet-menu-options.json, and you’ll see the date of export right after its name.

Importing JetMenu Style Settings

Once you need to import JetMenu styles to your new site, you can easily do it using the previously saved .json file. To do it you’d need to accomplish the following steps.

Step 1 — Open WordPress Dashboard and navigate to Appearance > Menus. Here turn on Enable JetMenu for current location option to apply JetMenu styles to your website’s menu. Then click the Save button to save the changes.

Menus settings

Step 2 — Proceed to JetMenu block in Dashboard and click Import button that’s located on the right from Export in the bottom left corner.

Step 3 — Click Browse button and look for the .json file with the style settings you’ve previously saved on your hard drive. Then hit the Go button. After that, you’ll see the green notice informing you that the options were successfully imported.

.json file with the style settings you’ve previously saved on your hard drive

Step 4 — Now you can save the changes and open your website to view them.

Congrats! Now you know how to import and export JetMenu styles!