Gutenberg Blocks

After installing WP Crowdfunding, you will see a list of Gutenberg blocks in your WordPress editor.

To add these WP Crowdfunding blocks, click on the (+) icon on the top-left. Then search for “WP Crowdfunding” and you’ll see all of the new blocks for your favorite crowdfunding plugin.

Campaign Submission

This block allows you to create an “Add new campaign Form” on any page. Once you add the block you will find the following options.

Form Style

  • Background color: Set the background color of your form.
  • Text Color: Define the text color from the color palette.
  • Cancel Button Color: Set the color of the cancel button in the end.

It will allow you to create a search bar, using which you can search for all the campaigns. After adding the block to your page/post you will find the following options.

  • Form Size: Set the form size from small, medium, and full.
  • Font Size: Define the font size for the text. You can use the slider or set the font size manually.

Button Style

Use the following configuration options to define the button style.

  • Font Size: Set the font size using the slider or you can also use the manual option too.
  • Font Weight: Select what font-weight you want your fonts to be.
  • Text Color: Implement a specific text color for the texts.
  • Background Color: Select a color for the background of the block.

Donation

Add a donate form so your users can easily donate to your campaign. After you add the block you will find the following option.

Campaign ID

Set the campaign ID for your donation block.  It will automatically fetch the data related to that campaign.

Input Style

  • Form Size: Set the form size from small, medium, and full.
  • Font Size: Define the font size for the text. You can use the slider or set the font size manually.

Button Style

  • Font Size: Set the font size using the slider or you can also use the manual option too.
  • Font Weight: Select what font-weight you want your fonts to be.
  • Text Color: Implement a specific text color for the texts.
  • Background Color: Select a color for the background of the block.

Advanced

You can name a block in order to make custom modifications in the future. This is the field where you define the name.

Registration

You can add a user registration form on any page using. Once you add it to your site you will see the following options.

  • Input Font Size: Use the slider or manually enter the font size for input text.
  • Input Text Color: Set the input text color from the color palette. There are some predefined colors available and also you can set any color using the custom color option. There is also a clear option to reset any applied color.
  • Border Color:  Set the border color from the color palette. There are some predefined colors available and also you can set any color using the custom color option. There is also a clear option to reset any applied color.

Label Style

  • Label Font Size: Use the slider or manually enter the font size for input.
  • Label Text Color:  Set the input label text color from the color palette. There are some predefined colors available and also you can set any color using the custom color option. There is also a clear option to reset any applied color.

Signup Button

  • Font Size: Set the font size using the slider or you can also use the manual option too.
  • Font Weight: Select what font-weight you want your fonts to be.
  • Text Color: Implement a specific text color for the texts.
  • Background Color: Select a color for the background of the block.

Cancel Button Style

  • Font Size: Set the font size using the slider or you can also use the manual option too.
  • Font Weight: Select what font-weight you want your fonts to be.
  • Text Color: Implement a specific text color for the texts.
  • Background Color: Select a color for the background of the block.

Advanced

You can name a block in order to make custom modifications in the future. This is the field where you define the name.

Dashboard

You can apply this block to create a dashboard on any page. 

  • Major Color: Set the major color from the color palette. There are some predefined colors available and also you can set any color using the custom color option. There is also a clear option to reset any applied color.
  • Text Color: Set the input label text color of the dashboard. There are some predefined colors available and also you can set any color using the custom color option. There is also a clear option to reset any applied color.

Advanced

You can name a block in order to make custom modifications in the future. This is the field where you define the name.

Campaign Box

If you want to show any particular campaign inside a box, you can use this Gutenberg block to do so. Just add the campaign ID, (example ID “675” you see here your specific campaign) to see it on the page/post.

Campaign ID

Add the campaign ID of the campaign you want to show inside a box.

Single Campaign

If you want to show any particular campaign inside the page/post, you can use this Gutenberg block to do so. Just add the campaign ID, (example ID “675” you see here your specific campaign) to see it on the page/post.

Campaign ID

Add the campaign ID here to fetch the data to show it in the post/page.

Style

  • Text Color: Implement a specific text color for the texts.
  • Background Color: Select a color for the background of the block.

This block helps you to show popular crowdfunding campaigns. This block works in a similar way to the popular product widget of WooCommerce. The popularity is decided by the number of sales.

  • Post Order: Select the post order as ascending or descending.
  • Number of Post: Select the number of crowdfunding campaign posts that you want to show. You can use the slider or set the popular campaign numbers to show manually.

Project Listing 

You can show all of your campaign listings in any project using this Gutenberg block.

Query Product

You can define your campaign listing to make it how it will look like.

  • Order By: Select the order by which your campaign listing will show.
    • Newest to oldest: List the newest campaigns at first.
    • Oldest to newest: List the oldest campaign at first.
  • Category: In this drop-down menu you will see all your available product categories in your site.
  • Number of Items: Select the number of crowdfunding campaign items that you want to show. You can use the slider or set the popular campaign numbers to show manually.

Was this helpful?