How to Have a Free Download and an Optional Purchase Product

Having a free download with an optional purchase on the same page can help increase sales but also still help people see your main offer.

In this guide, you will learn how you can have a free download and an optional purchase on the same page.

Watch Video: https://www.loom.com/share/d796cde6a9d643fc815ff05c074a83b8

Video Recap: 
If you would like to have a free download with an optional purchase, a great way to do that is with a two-step order form and a simple toggle reveal script.

Start by creating a text below the order form that says something like, "No thanks, take me to my download." (This text will be hidden until they press the button)

Copy the link you want them to go to when they click this text and paste it in the link input. This link will normally be the next page in the funnel.

Next, copy and paste this code:

Here is the toggle script: (replace the Bold with your element's CSS ID)

<script>
$(document).ready(function(){
 $('#tmp_order2step-83681').click(function(){
  $('#tmp_paragraph-41985').toggle();
 });
});
</script>

Go to Settings > "Tracking Code":

Paste in Footer:

Select the text and click the Settings > "Get CSS Info":

Copy the CSS ID:

Paste in place of #tmp_paragraph-41985: 

• See picture above

Set text to "Hide" 

Copy the 2-Step Order form CSS ID:

Paste in place of #tmp_order2step-83681: 

• See picture above

Save and Test Your Page: 
If you did it correctly, once you put in your info and click the first Submit button, the text will appear. If not, the text will not appear. Please go back and follow the above steps carefully.

Next, Set Automation email to deliver free download:

• Click "Add New Email"

If you need help setting up your email delivery settings, click here to view how to setup SMTP.

Thanks for reading, I hope this helps!