How to Create and Export Gravity Forms Themes

by | Last updated Mar 11, 2025 | Gravity forms, Custom Themes for Gravity Forms, Styles & Layouts | 0 comments

If you have styled your form with the Styles & Layouts for Gravity Forms plugin then you can easily save and export the design to another form or website. In this article, I will show you how to use Custom themes addon for creating, saving, exporting, and importing themes.

Features of Custom Themes Addon

  • Save Unlimited Themes
  • Apply on Unlimited Forms
  • Export design to forms on another site.

Let’s consider that you created the perfect design for one of your forms using the Styles & Layouts plugin. You liked it so much that you wanted to have the same design for all the forms on the site. So, how can you do that?

Here is the step-by-step tutorial for Saving Gravity Form Themes.

  • Install and activate the Custom Themes addon.
  • Now open ‘customizer’ and then go to ‘Styles & Layouts for GF’ section.
  • Here select the form whose design you want to save as a theme. If you haven’t designed the form yet then here are the instructions to do that.
  • Now go to the ‘Custom Themes’ setting and give a name to your theme under the ‘Name for Current Style’ setting and then click on the ‘Save Theme’ button.
how to open custom themes in gravity forms?

Custom Themes Setting.

Saving Gravity Form Themes.

Saving Gravity Form Themes.

How to Apply Saved Theme on a Form within the Same Site

You have to follow the same steps ( customizer -> form select -> Styles & Layouts for GF -> Custom themes). When you are in the Custom themes section then select your theme from the ‘Saved Themes’ setting and then click on the ‘Apply Theme’ button to apply it.

How to add theme on Gravity Forms

Add theme on Gravity Forms

How to Apply Saved Theme on a Form of Another Site.

To do this we will be exporting the design as a .json file and then importing it on the other site. This may sound a little complex but it is a simple process. You need to have ‘Styles & Layouts’ as well as ‘Custom Themes’ activated on both sites for this to work.

Here is the step by step tutorial

  • From WordPress dashboard go to Styles & Layouts for GF -> Import/Export section.
  • Now select the form from which you want to export the theme design.
  • Now click on the ‘Export Form Styles’ button and then it will download a .json file.
  • Login into the website where you want to import this theme design. Then navigate to Styles & Layouts for GF -> Import/Export section.
  • Now click on the ‘Choose File’ button under the ‘Import Form Styles’ section and then select the .json file you downloaded in one of the previous steps.
  • Select the form on which you want to implement the imported styles and then click on the ‘Import Form Styles’ button.
  • Now your form will get the design you imported.
Import and Export your Gravity forms styles.

Import and Export your styles.

If you need any help or assistance with designing Gravity forms or need some custom functionality built for your WordPress website then feel free to contact us.

Still stuck? Need custom solution? We can help

Works Great for Me

This app is easy to understand and use and works great for me.

Exactly what Gravtiy Forms missed

I use it on every page – that should say it all.

Great Plugin

This plugin is a perfect complement to style Gravity-Forms. The intuitive user interface, integrated into the Customizer, is very well done. PERFECT!!! THANK YOU!!!

Great stuff!

I rarely take the time to leave reviews.
With this one I felt compelled because it is so good!

Excellent

Makes styling Gravity Forms EASY.

Excellent plugin

Easy and intuitive to use and helps to accelerate workflow.

Good Plugin

A bit of a learning curve for this old woman, but does what I need it to do!!

Super Awesome and Easy to Use

Really great plug in that is so easy and simple to use! Thank you for your awesome work!

Great Gravity plugin

This is great for all those styling problems that can arise. Easy to use with a gentle learning curve.

Very Useful

Instead of playing with the style sheets, you can make all the changes directly here.

A great find!

This plugin enabled me to exactly what I wanted to with my forms and they look great! It would have been much more painful to customize my forms without it.

Excellent plugin

Makes the job of styling forms so much easier.

Should be default Gravity Forms functionality

Great plugin. My go to solution for Gravity Forms styling.

Just right!

Outstanding! Does just what I wanted.

Just what I needed!

Love love love this plugin. Who wants to spend hours using css to style a form?
Not me! I can get my forms looking exactly as I want them to in just a few clicks.

Great Plugin Essential!

Very easy to use, exactly what I needed for Gravity Forms!

It Works Perfectly

If you need to give your form a bit of style, this plugin is perfect and easy to use.

Very Helpful!

Gravity forms are awesome, but notoriously difficult to style. I was struggling for hours to reduce the space between a field, let alone tweak size, color, etc. This plugin is exactly what I was looking for – well done!

Great work!

Thank you guys! extremely helpful!

Save me hours of work

I was skeptical to download…how can it be that easy? But, it was and it truly saved me hours of work to style my Gravity Forms.

Much better than forms that come with the themes

Solid plugin, much better than the forms that come with the themes. We’ve used GF to create membership and donation forms, which our clients love. I thought GF was a little pricey but it’s paid for itself in customer satisfaction.

Easy to use and powerful

Recommend this to anyone struggling to format their forms

Exactly what I was looking for

I don’t know CSS and was asked to make very specific changes to our Gravity Forms. This did the trick and this tool gave me the flexibility I needed.

Perfect

It works perfectly. I am satisfied. Congratulations!

great plugin – easy to use

this plug in was exactly what i needed to help finish the layout of my page.

I love it!

Very convenient, works great!

I’ve had a need to sometimes change the style of Gravity Forms, and this saves time so I don’t have to figure out the CSS styles and manually override them 😉

Fantastic plugin!

This plugin saved me hours of work. I am not well versed in coding by hand and now I don’t have to figure it out. I styled my Gravity Forms beautifully, the easy way. Worked perfectly. Thank you.

Very good and beautiful

It worked very good used with divi theme, popup builder and gravity forms!
CongraTulations!

It is a amazing gravity form plugin that I was looking for long time.Thanks

Thanks for helping for designing gravity form such an amazing way.

great!

works great! should be in the gravity basic installation…

I love it

Easy and efficient plugin !

Huge time saver

You can accomplish what this plugin does using CSS yourself, but the plugin saves you the time of doing so. This is a simple, effective and efficient way of making your GF look better.

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *