Ontraport Thank You Page Into Order Summary Playground

Hello Ontrabelievers!

So, the other day I dreamed that I was talking to a prospective client (yes I dream about Ontraport sometimes 😂) who was worried about whether or not Ontraport would really be able to replace ClickFunnels (first time you’ve heard that I’m sure LOL)…

So, I asked him exactly which pieces of CF he was most concerned about and he echoed the usual…

“I’m worried that Ontraport doesn’t have enough pretty templates”
“With ClickFunnels I can deploy a whole funnel in a couple of clicks”
“Building with CF is so easy & I’ve heard Ontraport is hard”
“I’ve heard Ontraport has a huge learning curve”

So I gave him the spiel…

“Templates don’t matter nearly as much as the Offer, the Copy & the Audience. Besides, Russell Brunson himself starts from ZERO on his live funnel builds so stop thinking the ‘right’ template is going to make or break your success. The Ontraport team has also taken an active interest in putting more templates in place. Plus, I’ll give you access to a library of templates to choose from along with all the ones we make in the future. If you really see one you’re dying to have, I’ll get the team to whip one up no problem…”

“Full funnels? Well, not really because you still have to write the emails and copy, right? But OK, I have 4 plug-&-play funnels ready to go and they even have the email templates + landing page copy 80% done for you. Check.”

“CF is easy to build pages with. But so is Ontraport. Especially if you’ve never touched either one. Plus both have live webcasts that show you how the founders approach building out the pages so I’d actually put the learning curve about on par. But is building the pages yourself really your highest & best use of time as the captain of your ship?”

But then he threw me a curveball…

“ClickFunnels has a dynamic order summary page.”

I was stumped, so I said let me get back to you and then I woke up…

But it wasn’t the first time I’d heard a similar request so I went digging through the group and sure enough, Danno Sullivan mentioned something similar way back when.

So, I started playing around with the ClickFix shortcodes to see if we could make something even cooler than the basic order summary page…

Since Ontraport conveniently let’s us pass CGI + eCommerce variables when we submit forms, it was actually much simpler than I thought it would be.

Let me show you how I did it.

First I grabbed the checkout page and went into the form settings to have it pass both the CGI & eCommerce variables by clicking the check boxes. Then I set the thank you page to the HTTPS version of my thank you page.

Then I saved all the changes and switched to my thank you page.

Over there, I dropped in the ClickFix shortcode activation snippet into the header section of the page.

Then, I set up my page using the [FromURL] shortcode to grab things from the URL query string like the item quantity, item name, item price and the first name to set up both the dynamic sentence as well as a simple dynamic summary table.

I was able to whip this up pretty quickly with 0 attention to design, but I’m sure you’ll come up with something that looks even better!

Doing this particular usecase project got me really excited about all of the other possibilities presented by the [FromURL] shortcode.

For example, I could also set it up to pull any URL parameters that get populated dynamically by Google Ads or Facebook Ads and put that into strategic parts of my landing page.

Let’s say you target men and women and a bunch of different age groups. You could theoretically set up a single page that would read those variables and put something in the page like

“If your a [FromURL gender] between the ages of [FromURL age], then you’ll want to pay close attention.”

As people click on your ads, they’ll get message variations that seem to speak directly to them:

“If your a man between the ages of 35-40, then you’ll want to pay close attention.”

We could even take this one step further and include other shortcodes like our group of conditionals to show and hide elements on the page like images so that the entire page experience changes based on the information being passed to the URL.

Think about that for a second!

That means that with a bit of creative thinking, you may be able to set up a single dynamic landing page that adapts to your visitors instead of having to make duplicates and ads that are pointing all over the place.

Do any other ideas come to mind?

I love talking about this stuff as some of you can confirm first hand so if you have any questions or feedback, don’t hesitate to make yourself heard.

Ontraport’s Magical Micro Commitment Landing Pages

Hey there OntraFans!

I’m back with another quick use case video for shortcodes and enhanced Ontraport Pages.

The other day I had someone reach out to me asking whether or not it would be possible to create a mini-survey for their landing page like the one that Russell Brunson currently has on the ClickFunnels home page.

I said, “Of Course! But there’s only one catch, we have to use a drop-down instead of radio buttons since we’re still waiting on radio buttons as a field type in Ontraport.”

Now, I’ve already shown you guys how a full on survey funnel would work (I’ll link to that in the comments), but let me give you a quick glimpse of a different approach commonly referred to as the “micro-commitment” opt-in.

Just like its cousin the “2-Step” which shows a pop-up when someone clicks the button, our “micro-commitment” approach leverages the psychology of someone already having said “yes” to the “small” or “micro” step of clicking or otherwise interacting with the page so they’re more likely to continue down the path as long as they don’t meet any major resistance along the way.

“Objects in motion” and all of that…

So, rather than clicking a button, what we’re asking people is to answer an innocent question about how they found us.

You can ask anything here and obviously if you plan to use the info for tagging and/or automations you’ll want to make the question relevant or even add additional steps to this flow.
Once they make their selection, the interface changes and they’re prompted for their email.

Let me show you how this was done.

First we laid out all of the elements in the editor.

Then we added the ClickFix shortcode snippet (which is free by the way) to the header section to enable shortcodes on the page.

After that, it was a simple matter of hiding the elements we didn’t want shown at the beginning and then telling ClickFix that when someone makes a selection we want to flip what’s shown & what’s hidden with the conditional [IfField] shortcode.

The last bit of custom work was with the progress bar which is just some basic HTML & CSS which I duplicated it twice. Once for the step 1 and the other to represent step 2.

It was so quick & painless, that it’s literally taken me longer to shoot the explainer video 😂

If you’re interested, I’d love to share this template with you.

Unfortunately, I can’t just paste the share link in the post because of the custom code so I’d have to figure out what the easiest way to get this into your hands would be.

So, if you’re interested please let me know and we can brainstorm the simplest way to get you testing this in your own business.

Even if you don’t need this particular template, I hope you’re starting to see just how much more you can get out of Ontraport thanks to their commitment to make probably the most customizable marketing platform on the market and a little custom love 😉

Ontraport Multi Step Checkout Forms

Hey Ontraconverts, did you know that:

“As much as 83.6% of people who make it to your checkout page STILL WON’T end up buying?”

According to some studies, a “long & confusing” checkout process is 1 of the top 5 reasons people don’t complete the process accounting for roughly 18% of the abandons.

Let me put that into context for you…
If you get 10,000 people to your checkout page every year, roughly 1500 of them will leave without giving you any moolah primarily because of the checkout process you have in place.

If you’re talking about a $100 product, that’s $150,000 you can kiss goodbye!

Thankfully, Ontraport allows us to use progressive forms to break up the steps and (theoretically) help to combat cart abandonment on our pages.

But what about those who fear things like load times or putting the checkout into popups will negate the conversion bump… or worse… lower it even more?

Well that’s where something like the ClickFix shortcode engine comes in…

Check out these two examples of multistep forms built completely in Ontraport.

The first is from a client that wanted to test if breaking up the form would lift conversions on his free plus shipping offer.

The “steps” are simply text elements with icons that were duplicated 3 times so I could change the colors to simulate progression from one to the other.

Then I put all of the fields and other elements where I wanted them to go and began using shortcodes to show/hide things based on which “step” someone was on using the [IfAnchor] shortcode to trigger visibility.

The second example is just one I whipped up for all of those (ex) ClickFunnels fans out there.

You should recognize the layout from Russel’s free + shipping funnels.

This page was done the same way, except that the step “tabs” at the top of the order form were created in Photoshop.

The principle is the same though.

The prospect fills out the fields for step 1, then clicks the button to proceed to step 2 where they can then provide their payment details.

The only disadvantage I can see to doing forms like this would be that the information from the steps before they click the submit button isn’t actually being captured.

But there you have it…

A quick and easy solution for any of you who want to split-test multistep forms on your checkout pages to see if it gets you a lift.

Ontraport User Controlled Conditional Blocks

It’s time for another ClickFix case study Ontrapreneurs…

QUICK POLL: Do you sell things internationally?

In today’s ultra-connected world, the chances are that you do have at least a few clients from other parts of the world deciding whether or not to give you some of their hard earned cash…

BUT

Did you know that studies show as much as 65% UK, 47% Australia, 43% Germany, 39% Canada will leave USD only website in order to calculate exchange rates before deciding to make the purchase?

If you’ve been around the web game for any length of time, you know that a good chunk of those people never make it back 🙁

So it’s no wonder that savvy Ontrapreneurs like Linda Rossiter are on the lookout to increase their competitive edge whenever possible…

Now, even if you only sell to one country and don’t need to worry about displaying prices in different currencies, you’ll definitely want to keep reading because the principles can be applied to any type of content you’d like to display based on certain conditions.

Ontraport’s v3 Page Builder introduced an awesome new feature called conditional blocks. With their built-in options you can choose to display content blocks based on:

  • The device (mobile vs desktop)
  • A time delay
  • Conditions pulled from the contact profile
  • A combination of the above

That means that right out of the box you could set it up so that based on tags or information like the country inside of the contact record could show the visitor the right content.

For our multi-currency pricing table example, that means that you could set up three different blocks with one pricing table per block. Then, you could set up conditions based on the country field to determine which block to show.

If you want to get a bit fancier, you could set up a campaign that tags people with a currency preference based on their location and reduce the block conditions to just looking for those tags (shout out to Landon for that piece).

But what if you want to give the visitor control over the currency (or content being displayed)?

Or maybe you’d like to be able to use information from the URL to determine which block gets shown like setting the UTM parameter to a country/currency as part of an ad campaign…

That’s where something like the ClickFix FREE shortcode engine comes in handy.

There are at least 4 or 5 ways I can think of how to set something like this up with shortcodes, but for this example I chose to make it work with:

  • A URL parameter
  • A text link
  • A drop-down selector

You can play with it at https://clickfix.ontraport.net/multicurrency

If you’re curious about deeper explanations of the shortcodes, you’ll get access to the docs when you sign up for a free account.

But let me run through the setup line by line…

Line 1 is the script that enables shortcodes to work.

Line 2 hides the shortcodes when the page is first loaded.

Line 3 turns the individual blocks that hold our pricing tables into tabs and hides them from view until the page receives some interaction.

Line 4 shows the block with the USD pricing table by default.

Line 5 hides the submit button. By default, Ontraport only allows you to use form fields on the page if you include a submit button. In our case we want to use a drop-down field to change which pricing table is displayed, but there’s nothing to submit so we just hide the submit button.

Line 6 tells the system to look at the URL to see if there is a parameter called currency defined. If so, it changes the value of the drop-down field to match.

Lines 7-9 tell the system to change which block is shown based on the value of the drop-down field.

Line 10 closes the command to hide the shortcodes when the page is first loaded.

Now when we go to the page you can see how it works.

USD is loaded by default, but we can change the displayed pricing table either with the text links or the drop-down controls. Obviously you’d probably only use 1 or the other, but I wanted to illustrate different options.

I could have just as easily used images or buttons as well.

The last little trick makes use of a URL parameter called currency.

So when someone visits a link with the currency pre-defined like https://clickfix.ontraport.net/multicurrency?currency=EUR%20(€) the shortcodes shift to display the proper pricing table.

Again, this is just one possible set up for this.

More importantly, hopefully you can see how mixing and matching simple shortcodes can really open up all kinds of new functionality for your Ontraport pages.

Now it’s your turn!

What kinds of shortcodes would you love to see or what kinds of ideas are you dying to try out?

Ontraport Magic Hooks Billing Offsets

In today’s ClickFix, you’ll learn how our exclusive Magic Hooks™️ work to give you more control over how people interact with the links you share.

In basic terms, Magic Hooks™️ let you do a couple of things at the moment.

  • Change when someone’s subscription or payment plan payments are charged
  • Toggle whether or not you want someone to receive a recurring invoice with every charge

I’ll get deeper into specific use cases in a separate video, but for now imagine that you want to gain better control over your cash flow so you decide that from now on, everyone is going to be charged on the first of every month. With Magic Hooks™️ you can do that and much more…

So, without further ado, let’s jump into the ClickFix App to see exactly how we create our Magic Hooks™️ and what types of options you’re currently working with.

We’ll start with changing the next charge date of an open order.

Once you’re on the Magic Hooks™️ page, you’ll notice that the first thing you have to do is select the Ontraport Application Key that you want to work with.

If you haven’t set up your Ontraport Key yet, navigate to Settings > Ontraport API Keys & set one up right now because all of the ClickFix apps will ask for your key before allowing you to use them. If you need help setting up your key, please refer to the video tutorial linked on that page.

After selecting your Ontraport key, you’ll see that the base URL changes to show your unique token.

From here, you just need to add the URL parameters that’ll tell Ontraport which open order to update & when you want the next charge (and subsequent charges) to take place. Let’s go over them one by one.

First up is the &id= parameter. This one will always be &id=[Contact ID] so that Ontraport knows which contact record to modify. Every Magic Hook™️ you create needs this parameter to work, so be sure to include it every time.

Next, you have the optional &from= parameter which allows you to choose between ‘today’ and ‘order’. This parameter tells Ontraport whether you want the offset you choose in a later step to be counted from today or from the current date of the open order.

Let me try to explain that with an example. Adding &from=today means that whatever offset type you choose later will be calculated from today. So, if you chose a 3 day offset, your Magic Hook™️ would change the next charge date to 3 days from today (ie. If today is November 21st, the next charge would be on November 24th). If you were to choose &from=order, then it would calculate 3 days from the date of the next order (ie. if today is November 21st & the next charge is set for December 21st, this would change the next charge to December 24th).

Moving on, we see that we can also choose the time zone that we want to use for the webhook’s calculations. This looks like &timezone= followed by the desired time zone in a Continent/City format like &timezone=Europe/London. Google “tz database time zones” if you need a list of compatible time zones. This is an optional parameter, but if it’s not specified, please keep in mind that it’ll default to GMT (essentially UK time for the uninitiated).

After that, we have the option to specify which product this is for using the &product= parameter. You can find your product ID list in your Ontraport dashboard under Sales > Products and then either adding the “Product ID” column or if you’re in Chrome you can just hover over the product name and look in the lower left corner of the browser window. Adding the &product= parameter tells your Magic Hook™️ to only modify the charging schedule of a specific product. If you don’t include this in your webhook, you may end up modifying every open order (both subscriptions and payment plans) currently active for that contact. So, make sure you include the specific product ID if you have multiple subscriptions and/or payment plans available on your website.

From there we get to the &type= followed by the &offset= parameters.

As the table shows, you have several options that you need to consider for the &type= variable which will determine what number you should include for the &offset= value.

type
offset
nextday
Numeric 1 to 7 (Monday to Sunday)
nextmonth
Numeric from 1 to 31 (if no 31 in that month, set to last day of the month)
days
A number of days in the future
weeks
A number of weeks in the future
months
A number of months in the future

So, if you wanted to change the next charge date to next Tuesday, you would add &type=nextday&offset=2.

Or maybe you want it to be on the first of next month. In that case you’d add &type=nextmonth&offset=1.

Want to move it by a set number of days, weeks or months? Just add &type=days/weeks/months&offset=insert_a_number.

At the bottom of your ClickFix interface, you’ll see a couple examples of ready to use webhooks to give you a headstart on building yours.

The last thing to note is that you also have the option to combine Magic Hooks™️ for even more granular control.

For example, setting up 1 webhook element with https://klikfx.com/a/h/change-charge-date?token=Pick an Ontraport Key above to reveal your token]&id=[Contact ID]&type=nextmonth&offset=1

Followed by another like this https://klikfx.com/a/h/change-charge-date?token=[Pick an Ontraport Key above to reveal your token]&id=[Contact ID]&type=nextday&offset=1&from=order

Would push the next charge date to the 1st monday of next month.

Let’s jump over to Ontraport to see how to deploy your new Magic Hook™️ in a campaign.

Once you’ve logged into Ontraport, navigate over to campaigns and start a new campaign from scratch.

Now you’ll need to decide on the type of trigger you want to use. If you’re planning on just updating your entire database to use a specific billing schedule like the first of the month, you’ll probably just place the webhook element directly under the default trigger and add your whole list.

But for this example, let’s assume that you want new subscribers to your membership site to be charged on the first of every month.

For that, we’ll make a trigger based on a specific product being purchased. Once we have our product selected, we add a webhook element to the canvas. Now, you’ll just copy & paste your Magic Hook™️ URL into the form field. Before you click done, double check that your product ID is correct so you don’t run into any issues.

That’s it!

Now every time someone purchases your subscription, they’ll automagically be charged on the first of every month like clockwork giving you a predictable way to manage your cashflow.

Ontraport Survey Funnels

What’s up OntraPeeps. Ken Callwood here checking in from sunny southern Spain with a quick usecase video coming out of the lab with my buddy Thomas.

Back when Ontraport Pages v3 was set to drop and conditional blocks were on the menu, I can’t tell you how excited I was about all of the possibilities these open up for us and our clients.

After a bit of experimenting with the new features and adding in a bit of our own secret sauce, we’ve hit upon something that I think all of you are going to really enjoy… especially Dawn Marrs who was asking about something similar a couple of months ago in the group.

Now, I don’t know about you…

But personally I’ve been wishing we could create a survey funnel in Ontraport for awhile so I was stoked when we figured out how to get one put together.

This is just a sandbox example I threw together as a proof of concept, but I have it deployed for one of my clients and it works like gangbusters.

Before I give you a live demo, let me show you the anatomy of version 1 real quick so you can give me some suggestions on how you would improve things.

First, we have the different custom fields set up for each of the questions of our demo survey. I made the conditional logic of the answers simple to understand to save me from having to map out the logic in Lucid Charts or something.

Each answer either sends you to a different question or assigns the user to a final result.

Then we have a campaign that detects which “end result” is chosen and tags the prospect accordingly.

I simply told Ontraport to check each of the fields that potentially hold an end result option and then match the tag to the field value.

From there, I built the survey landing page with the Ontraport Pages builder as normal using form fields and assigning them to the different custom field questions I made. I finished this page off with a subheadline with a CTA, an email field and a submit button.

With me so far?

This is where we had to come up with a way to show and hide the fields based on the answers given.

I won’t bore you with the details, but suffice it to say that Thomas and the developers wracked their brains until they came up with a shortcode system to allow us to assign conditions to the various form fields, blocks and even elements on the page.

The result is that when we load the page only question 1 shows and then it’s the prospect who gets to choose their own adventure until they hit an end result answer and the CTA is displayed.

Next I had to create a redirect page, but I’ll come back to that in a second.

The last step was to create the results page.

Here I simply added 5 different blocks with different content that will display based on the tags someone has in their account.

This was done with the display settings of the block options screen.

The first block is for people who stumble upon the results page without having gone through the survey. I can see this being used to combat people who share links.

The rest of the blocks check with Ontraport to see if the tags assigned by our campaign exist and then show the right content to the right prospect.

Remember that redirect page I kind of skipped over?

Well the reason I had to make that is because there isn’t a long enough delay between when someone submits the form, how fast the campaign can get through the tagging logic and the redirect to the results page. Even with the option to allow the campaign to run before redirecting checked unfortunately.

I believe this is something Ontraport is working on since Landon ran into a similar problem when he was making a membership site during a Template Tuesday.

So, for now, I’ve created a simple sandwich page that uses a Javascript redirect to give an extra 1.8 seconds to allow Ontraport to do its campaign magic on the back end. After some testing, this seems to be the minimum time necessary for everything to work properly.

So there you have it!

Version 1 of an Ontraport Survey Funnel.