How to Import the Ready-Made Templates for Flows and Steps in CartFlows?
In this article, you will learn how to import the ready-made Flow and the Step templates of CartFlows. Currently, we have provided the ready-made templates for the following page builders:
- Elementor
- DIVI
- Beaver Builder
- Guttenberg
- Thrive Architect
You can import the templates for Elementor, DIVI, Beaver Builder & Guttenberg from the CartFlows template library but for the Thrive Architect templates you need to login to your account on the website and download the ready-made templates zip from the Downloads Tab.
Now, lets see the whole process, how to import ready-made flow and step templates.
- Import the Ready-Made Flows templates
- Import the Ready-Made Step templates
- Some Frequently Asked Questions
How to import the Ready-Made Flows templates?
Step 1: Select your favourite Page Builder that you want to design the CartFlows step pages. For selecting the page builder navigate to the CartFlows [WordPress Menu] -> Settings.
Step 2: Now, navigate to the CartFlows [WordPress menu] -> Flows.
Step 3: Click on the Add New button on the top of the screen to view the templates for the page builder that you have selected in the Step 1.
Step 4: On clicking the button a template library will be displayed in the popup containing the templates.
Step 5: Now, hover over to the template that you want to import and click on the import button. This will start importing the Flows template.
The Above steps will help you to import the ready-made flow templates for all the Page Builders that we have mentioned at the start of this article.
How to import the Ready-Made Step templates?
While importing the new ready-made templates for the steps, your page builder setting must be set otherwise this will not show the templates.
So, let’s move further and see how to import the ready-made step templates.
Step 1: Navigate to your flow in which you want to import the new step. As mentioned in the screenshot, we have used the flow name as Test Flow.
Step 2: Click on Add New Step Button. This will display the same popup but it will display you only the templates. Such as Landing, Checkout, Option, Upsell, Downsell and Thank you pages.
Step 3: A template library will be opened in the popup
Step 4: Select the step category from the menu. Using this you can decide which page template you want to import.
Step 5: Hover on the template that you want to import and click on the import button and the importing process will be started.
While importing the flow templates or step templates for the desired page builder, you might face some error messages or notices. Don’t worry, they will not be fatal just a message to know the status of the importing process.
While importing the templates, if you face internet connectivity issues or any other issue so in that case you can just reload the page and try importing the Step / Flow again.
Frequently Asked Questions –
Below are some common error messages that you may face while importing the templates.
- Failed to import the template: This message will be displayed on the button or an error message will be generated in the browser’s console area.To fix this issue, you will need to reload the page and try importing the template again. This will refresh the cache and the library will be updated so that you can import the template again.
- Internal Server Error: This error denotes that there is something wrong with code execution and returned 500 Internal Server Error. To find the exact cause of this error, you will need to navigate to your server’s root directory and then to your wp-content folder. In this folder there will be a file named as debug.log file. This file stores the error messages generated while execution of the code.
Under maintenance error message: This message will be displayed in two cases The first one is that our server is under routine maintenance or there might be a request error that will be displayed in the browser’s console area. This error prevents the API call to our server to fetch the templates.
How To Import/Export Flows & Individual Page Builder Templates?
With CartFlows, you can make your flows portable. This means that you’ll be able to use the flows to any other website through the export/import functionality.
From the WordPress dashboard, go to Cartflows > Flows.
You can use the Export and Import buttons in exporting and importing the settings and structure of the flow, not the design for each individual step.
To Export A Flow, select a flow by ticking on the checkbox, and click on the Export button. Or, mouse hover over a flow and click on the Export link. This will automatically download a .JSON file on your local computer.
[NEW] Note: With CartFlows v1.5.10, you can import the Flow / Steps with all of its content from the CartFlows Import / Export option.
P.S. If you are exporting the flow from the Localhost to the Live website then it not work. It will work with live website only.
To Import A Flow, click on the Import button. Upload the .JSON file that contains the flow, then click Import. Once the import is completed, a success message will display.
Go back to the Flows and you’ll find that the imported flow is already there and is in Draft mode.
Every page builder handles content differently. But, as long as it has an import/export functionality, you can move your templates around different websites.
To import a design template of Elementor, Divi, Beaver Builder, or Thrive Architect, go to the individual step and edit the page using your favorite page builder. Import your preferred template (JSON or .zip file).
To export a design template, save your design as a template and export it. The JSON file will automatically be downloaded.
Click on the following links to learn more about how to import/export templates with the corresponding page builders:
Learn more in this video.