Are you creating your website using Elementor? Would you like to add Crowdfunding capabilities, and campaigns to your website? This tutorial will show you how you can quickly add a fully white labeled Crowdfunding campaign to your new or existing Elementor website.
This article is part of the blog series for adding Crowdfunding features on your website. You can learn about adding Crowdfunding capabilities on other platforms such as Shopify, Squarespace, Wix, BigCommerce, Boldgrid, Duda, Ucraft, Pagecloud, Site123, Weebly, PrestaShop, Jimdo, One, Webnode, Strikingly, Orson, Pixpa, Yola, WooCommerce, Volusion, Format, Unbounce, IM Creator, Voog, and GoDaddy as included in this series.
The solution described in this blog article can be used for any rewards/pre-order, or donations based Crowdfunding campaigns and paradigms. It is great for running a single campaign, or multiple campaigns on separate pages for any new or existing Elementor site using white label technology such as Atlas. To gain the capabilities to run a fully white labeled Crowdfunding campaign on your Elementor site, you need to subscribe to an Atlas subscription plan. The Micro subscription plan is great to use for this purpose. Included in the subscription plans is the Sedra widget. You can use the Sedra widget to host a campaign on any web page.
Please note that it is recommended to read the following article to quickly set up the widget for this tutorial.
Creating a Crowdfunding campaign page on your Elementor Website
Step 1: Subscribe to the Atlas subscription plan.
Step 2: Create the Crowdfunding campaign, and copy the widget code.
Note: depending on the configuration of your site, you may need to approve the campaign to view it live. To do this, you can log in as an administrator, and go to the administrator dashboard, click on campaigns, and choose approved/running from the dropdown menu located in the status column for the campaign that you have created.
Step 3: Create a new page.
Log into the WordPress dashboard, then create a new page.
Click on the edit with Elementor button.
Step 4: Paste the widget code and view the campaign.
Now that you are editing the page with Elementor, you can create a new section on the page. To do so click on the plus button.
Next, choose the structure that you would like for the section. For this example, we are going to choose the full width.
Configure the section settings as per the below example. Make sure that you enable the Stretch section feature.
Next, drag and drop the custom HTML widget into the section that you just created.
Paste the widget code into the HTML box.
You can now view and donate to the campaign.
That is how you can add any pre-order, rewards, and donations based Crowdfunding campaign on to your Elementor website. For a full and more detailed tutorial, you can watch the following video: