Funnel Flow

Landing page: present tripwire product.  Button triggers stripe custom checkout popup.  On form return function(token, args) is called (javascript).  This sets variables in a hidden form (form contains only elements of type “hidden”).  The form’s action is set to a php page that will contain the order bump.  This is submitted once the values (charge token, address, products purchased) are set.

Order Bump:  This page presents the order bump.  It must be php though, because it’s receiving the information from the first page and doing something with it.  This presents 2 options buy or don’t buy.

Buy -> hidden form is updated with one more item, then javascript forwards to upsell php page.  This requires the posted values to move into javascript variables.  To move a php variable in to a javascript variable the syntax is something like:

<?php echo $variable3 ?>

Don’t buy: current form values are sent to receipt.php

Upsell: Buy or don’t buy again, only this time either way goes to receipt

Receipt: This page needs to process the order in stripe, charge the card, send a thankyou email to the customer, and then send a notification email to me that an order needs to be shipped.

So far I have the landing page done, order bump almost done.

Funnel Progress

Funnel progress has been slow.  We had an awful lot to do in the last few days and I didn’t get to it much.  Broadly speaking here are the steps:

  1. Design the landing pages – done
  2. Create a Stripe account to do charges – done
  3.  Figure out how to pass payment information from the form: https://jsfiddle.net/ywain/g2ufa8xr/ -done
  4. Figure out how to decrement inventory (will require a database of sales and purchases, this may end up being done through stripe’s orders API https://stripe.com/docs/orders)
  5.  Add tracking tags and scripts
  6. Go live with the whole shebang!

This required brushing up on PHP and javascript a little unfortunately.  The checkout process works as follows:

  1. Create a checkout form using custom checkout: https://stripe.com/docs/checkout#integration-custom
  2. Put the values in a hidden form and then post said form to a php script using jquery
  3. php code then will display the next step in the funnel, repeat 2
  4. one of the values is  a “token” that represents the card, the last php script will create the charge, and decrement the appropriate inventories

Exit Intent Forms

Exit intent forms are those annoying popups that come up when you try to leave a page.  I’m familiar with two types:  The kind where you try to close the tab and it opens a bunch of message boxes saying “OMG YOU HAVE SO MUCH VIRUS TEH RUSSIANZ GUNNA PWN U BRUH!”  (or something to that effect), and the ones that ask for your email address to send a coupon code to as soon as your mouse leaves the viewport.

The second type is all the rage right now.  Email address lists are very valuable: a targeted but not very well used or active list is worth $0.20 cents per entry according to that book).  The value of a customer who leaves your landing page leaving no information and doesn’t purchase is close to zero.  It’s not zero, because you may still have retargeting information gathered through tracking pixels, but it’s way lower than the value of an email address.

So how do I do one?  Well much like the funnels people will try to sell you a lot of services.  I don’t want to spend money on these services, since I would like to spend that money on advertising instead.  My helpful link of the day: http://beeker.io/exit-intent-popup-script-tutorial.  This is a quick java script snippet you can use for your own landing pages.

Free Templates

The sales funnel project has several challenges:

  • HTML design of the pages (???):  Unfortunately, clickfunnels promotes so aggressively even finding templates for self hosting is difficult.  I am looking at adapting landing page templates now.
  • Payment processing, inventory, etc. (Stripe API + some custom PHP)
  • Conversion tracking (Mautic)

Payment processing is going to be a bit tricksy but it looks like it’s going to be doable.  Unfortunately I will need to have a separate stripe account for it, which means that I won’t be able to track inventory with shopify.  This is rather unfortunate, but not that big a deal (I have enough inventory.  For now I can just allocate half to each platform and make corrections when sales happen. At some point in the future I can make a shopify plugin that runs on my host that keeps things in sync).

Conversion tracking will happen more or less automatically as long as all the pages are setup as mautic landing pages, and there is a thank you/confirmation landing page after purchase.

HTML templates, as I said are  a big problem, largely due to clickfunnels messing up the signal to noise ratio on this.  I’m going to try to adapt landing pages from https://litmus.com/community/templates.