Design Your Sales Funnel Steps

  1. Home
  2. Docs
  3. WPFunnels Shortcodes
  4. How To Use Shortcodes To Create A Functional Sales Funnel

How To Use Shortcodes To Create A Functional Sales Funnel

In some cases, you may want to use Shortcodes for your sales funnel components for the page builders that are compatible or not compatible with WPFunnels.

Now you will be able to personalize the WPFunnels steps for more conversions and sales with any page builders you want.

WPFunnels have provided these dedicated Shortcodes so that you can personalize the  Next Step button, checkout field, and offer buttons on the Upsell / Downsell or on the Thank You pages.  

In this article, we will see the overview of the embedded Shortcodes with parameters so that you can better utilize them on WPFunnels steps.

**Click here to see the list of page builders we have tested these shortcodes with and confirmed that they work.

So, let’s Begin.

Shortcodes For WPFunnels Landing Page 

This shortcode can be used on the Landing page to take users from that page to the Next Step.

The proper format of the shortcode is as follows:

Shortcode:

[wpf_next_step_button btn_text='Get Now' class='btn']

In the above shortcode, there are two parameters, such as:

1. Button text (btn_text): This represents, which text you want to display on the button.

For example:

– If you want to change the button text to ‘Buy Now’ you can use the following shortcode:

[wpf_next_step_button btn_text='Buy Now' class='btn']

2. Class (class): This defines the class type.

You can use this shortcode to display its value on the desired landing page. Also, you can customize or change the style of the button according to your need.

Shortcodes For WPFunnels Checkout Page

This shortcode can be used on the checkout page to display the user’s billing fields, Shipping method, additional information, etc which needs to be filled on the checkout step.

The proper format of the shortcode is as follows:

shortcode :

[wpf_checkout type='one-column' order_bump= 'yes']

In the above shortcode, there are two parameters, such as:

1. Checkout type (wpf_checkout type): This represents the type of checkout that you want to display.

For example:

– To display the checkout type as One-column you can use:

[wpf_checkout type='one-column' order_bump= 'yes']

– To display the checkout type as Two-column you can use:

[wpf_checkout type='two-column' order_bump= 'yes']

– To display the checkout type as multistep you can use:

[wpf_checkout type='multistep' order_bump= 'yes']

2. Order Bump Selection (order_bump): If you want to enable or disable order bump in the checkout page, you can do it with the shortcode.

For example:

– To enable the order bump in the checkout you can use:

[wpf_checkout type='one-column' order_bump= 'yes']

– To disable the order bump from the checkout you can use

[wpf_checkout type='one-column' order_bump= 'no']

Shortcodes For WPFunnels Optin Form

To collect leads you can use the native opt-in form in WPFunnels.

The proper format of the shortcode is as follows:

shortcode :  

[wpf_optin_form first_name=true last_name=true acceptance_checkbox=true notification_text='hlw' post_action='notification' redirect_url='' admin_email= '[email protected].com' admin_email_subject = 'Optin form submission']

In the above shortcode, there are some parameters, such as:

1. First name (first_name): If you set the first name value as true, it will appear on the opt-in page.

2. Last name (last_name): If you set the last name value as true, it will be there on the opt-in page as well.

3. Acceptance checkbox (acceptance_checkbox): You can set the value of the checkbox as true or false.

4. Post Action (post_action): This represents what will be the Post action when a user enters their information in the fields.

In this parameter, if you select the post action as ‘redirect_to’, you’ll need to set up a next step button or a custom URL where the user will be taken to.

Now, if you select the post action as ‘notification’, all you need to add a notification text whenever someone submits their information.

5. Redirect URL (redirect_url): This is the custom URL that you’ll need to embed if you select the post action as redirect URL.

6. Notification Text (notification_text): This is the notification text that a user will see when they submit their info in the form.

You need to enter the notification text if you have already selected post action as notification.

7. Admin Email (admin_email): Enter the email in which the user details will be sent.

8. Admin Email Subject (admin_email_subject): You can put an email subject for the user information.

For Example, you can use:

admin_email_subject = 'Optin form submission'

Shortcodes For WPFunnels Upsell/Downsell Page

This can be used on the upsell & downsell to display the user’s billing information on the checkout page of the WPFunnels.

The proper format of the shortcode is as follows:

shortcode:

[wpf_offer_button btn_text='Accept' class='anything' offer_type='upsell' action='accept']

In the above shortcode, there are some parameters, such as:

1. Offer Type (offer_type): In this parameter, you choose Upsell or Downsell

2. Action (action): You can set the parameter value as accept or reject.

3. Button Text (btn_text): This represents, which text you want to display on the button.

For example:

– If you want to change the button text to ‘Accept the Offer‘ you can use the following shortcode:

[wpf_offer_button btn_text='Accept the Offer' class='anything' offer_type='upsell' action='accept']

4. Class (class): This defines the type of class. You can select anything for this class.

Now, you can use this shortcode to display its value on the Upsell or downsell page. Also, you can customize or change the style of the button according to your need.

Shortcodes For WPFunnels Thank You Page

To show the order details or the purchase history you can use this shortcode on the Thank You page.

The proper format of the shortcode is as follows:

shortcode :

[wpfunnels_order_details]

That’s it! Now you know how you can display the required components for dedicated pages using Shortcodes.  

List Of Page Builders These Shortcodes Were Tested With

Here are the page builders we have tested these shortcodes with and confirmed that they work:

***We haven’t checked these shortcodes with Brizy builder yet.

Was this article helpful to you? Yes 2 No 2

How can we help?