We collected the most asked questions here with an answer.

How to update theme to new versions?

Updating a theme is pretty much like installing a new one. Here’s a few recommended ways.

Envato Plugin: The easiest way to update your theme is to use the Envato Market plugin. Just download the plugin and follow the installation guide from Envato. Also, this plugin notifies you if a new version of theme is available.

WordPress Upload: Make sure you have installed and activated “Update Theme and Plugins from Zip File” plugin. Then, download the latest version of theme from your Themeforest account, unzip the package and find thesaasx.zip. Finally, navigate to Appearance > Themes in your WordPress administration panel, click the Add New button at the top of the page, click the Upload theme button at the top of the page, select thesaasx.zip file and click Install Now.

After updating the theme, you might see a notification in top of your dashboard asking you to update TheSaaSX plugin. Please follow the instruction and update the plugin as well.


How to install demo content?

You don’t have to install all the demo content into your fresh install of WordPress. You can easily import the pages that you like to have, not all of them. You can easily add a page or demo page from the block inserter. In case you still persist on importing all pages and menus, install One Click Demo Import plugin and follow the instructions in the plugin page after activation.


How can I change the logo?

You can set your logo from the activated navbar layout. From dashboard open Layout > Navbar and edit the navbar which is in use by your website. In the editor, once you click on the navbar block, you’ll see “Logo” option in the block setting. Click on “Logo” to expand the option and you’ll see two upload section to set both light and dark colored logos.


How can I change form action url in form blocks such as contact, signup, or subscribe form?

To modify form settings, you should click somewhere that is in boundary of form and not click on buttons or inputs. That’s kind of tricky in some forms because there’s not enough padding around the form. The rule of thumb is to click on an empty space between two inputs or an input and a button. Then, you’ll see the form settings toolbar and you can open form attribute. Then, you’ll be able to set method to POST and place your action url.


How can I configure subscribe blocks to collect emails?

Our subscribe forms are configured to support MailChimp. So you need to create an account in MailChimp, create your list in MailChimp, find your action URL and insert it into the form action URL input inside the form settings popup. Learn how to find your MailChimp action url in this video: https://www.youtube.com/watch?v=sybmI8HgxFo


How to change text color using the new editor?

The default text editor of Gutenberg is very minimal and doesn’t have too much options as the previous one. But you can use plugins such as “Advanced Rich Text Tools for Gutenberg” to extend the editor.


How to enable reCAPTCHA for my contact forms?

You should configure your reCAPTCHA from Appearance > Customize > Site Configuration. Once set, your contact forms would use reCAPTCHA v3.0 in all pages. Please notice that reCAPTCHA v3.0 is invisible and you won’t see or notice any change in contact forms. It does analyse the contact form message and ignores the spam-like messages.


How can I remove the “Buy Now” button from navbar?

You can remove the button and change the logo from activated navbar in Layout > Navbar page.


Why HTML code of blocks are empty in the page builder?

Our blocks are dynamic blocks. The editor won’t be able to display HTML code of dynamic blocks because they’ll generate from PHP side of WordPress and before displaying the content in your website. So you can’t edit HTML code of the blocks from the page builder. This is default behavior of Gutenberg.


How to customize a block?

To modify output of a block, you have to modify our render function of any specific block from inside our plugin directory. You should navigate to /gutenberg/blocks/ , pick your desire block and modify render.php file.

For example to modify Feature #6, go to plugin directory and open /gutenberg/blocks/feature/block-6/render.php file. You can only change the HTML code you see in this file. Once you change it, you can see the result in your website, but not in the editor.


How to create a new block from any current one?

Unfortunately, building a block from existing one is not what we can offer right now. That requires to prepare a dev environment for writing ES2018 and compiling the assests which is beyond support of a WordPress theme.

The best option is to use Custom HTML block to design your own block. You can view source of all blocks in http://thetheme.io/thesaas/block/ or get help from UI Kit documentation in http://thetheme.io/thesaas/uikit/ to write your custom html blocks.


How can I create a new dynamic block?

You can learn how to build a new block for Gutenberg from its documentation and tutorials. Another option is to use BlockLab plugin to build block right from your dashboard.


Why I don’t see your blocks in Elementor plugin?

Our blocks are based on the default page builder of WordPress 5; Gutenberg. While you can use Elementor for 3rd-party blocks, but you need to use Gutenberg if you need to display our blocks inside your page.


How to change default menu of a navbar?

Unfortunately, this is not possible yet. Once you create a menu from Appearance > Menu and sets its location to “Navbar Menu”, this menu would display on all of the navbars you create from Layout > Navbar. Navbars are basically a way to change the UI and behavior of the navbar such as changing logo, add/remove buttons, show/hide search icon, etc.


How can I link/scroll to a section?

You can set an ID for each section from block options panel. In block options, expand “Advanced” and enter an ID in the “HTML Anchor (ID)” input. Let’s say you wrote “section-pricing” in the ID input, now you’re able to scroll to this section from any link inside the page with URL value of “#section-pricing”.


What is the difference between “thesaas” and “thesaasx”?

As you can see, we updated the theme to a new version with high amount of change. We have rewritten the theme completely. Unfortunately, these changes resulted in breaking changes which doesn’t let the old users update their theme to the new one. As a result, we renamed the theme from thesaas to thesaasx, so you won’t accidentally update your old theme to the new one. Let’s review the features of each theme:

What is update policy?

When you purchase a license of TheSaaSX, you will receive a lifetime update. It means when we release a new version, you freely receive the new version.


What is your support policy?

When you purchase a license of TheSaaSX, you will receive a 6 month item support. You always has the chance to extend or renew your item support duration. Please read What’s included in item support to learn more .


How can I contact you by email?

Use the contact form in our profile page: https://themeforest.net/user/thethemeio#contact