[tabs]
[tab title=” Spreadsheet Template”]
[button url=”https://www.sugarsync.com/pf/D646892_07204924_8884813″ target=”blank” style=”glass” icon=”icon: download”]2 Column Template[/button] [button url=”https://www.sugarsync.com/pf/D646892_07204924_8884825″ target=”blank” style=”glass” icon=”icon: download”]3 Column Template[/button]
[/tab]
[tab title=” Prerequisites”]
- You already have an instant price quote form that once filled out, takes the consumer to your e-promo-kit. This wizard does not generate the form code itself for the instant price quote nor will it create any associated autoresponder campaign. It creates the special location based pricing drop downs that will set the “zone” as the consumer submits this form.
- You must have the latest version of the Amazing System plugin installed on your WordPress website CLICK HERE FOR LATEST VERSION
- Your spreadsheet of states, counties, cities and price zones listed out following the format of the examples above. Decide and assign your price zones first. Consider if you want to break it down to city or county. Price zones can be something like a, b, c, d, etc. (with “a” being your cheapest price zone). Keep in mind that multiple areas can be assigned the same price zone, even if they’re not physically near each other as it’s all about what you want to charge that particular area. So say ABC City is an hour north of you and XYC City is an hour south of you, you may want to charge the same thing for both locations even though they’re not close to one another. If you work in multiple states, then you’ll probably want to go with the 3 column template which allows you to first ask which state, then which county, then finally the city/town. If you work primarily in one state, then you’ll most likely use the two column template which allows you to narrow it down first by their county and then their city/town. Decide if the 2 or 3 column approach is best for you.
- A custom field (text field) called “zone” inside your 1Shoppingcart. See this article to learn how to create this custom field.
[/tab]
[tab title=” New Web Form”]
[button url=”https://divimanagedhosting.wpmudev.host/astraining/new-form-location-based-pricing-generator/” target=”blank” style=”glass” icon=”icon: map-marker”]Generator[/button]
- Copy your data from the spreadsheet into the generator. Make sure to select 2 or 3 column before pasting in your data from the spreadsheet. Watch video[lightbox src=”http://www.screencast.com/users/twinsmagic/folders/Inner Circle/media/b4927956-1954-45cf-a607-2af7b0e030da/embed”][button] Click Here to Watch the Video [/button][/lightbox]
- Copy and paste the resulting HTML code from our generator into your web form code, where you want the location drop down to appear. It’s best to paste in after the last field. For example, if the child’s name field was your last field on the form, find it in the code of your form (see example below) and paste this in after the double closing div tags (the ones with slashes before the word “div”).
[sourcecode language=”plain”]
<div class="mc-webform-item">
<label class="mc-field-caption">Child’s Name</label>
<div class="mc-field-item">
<input type="text" name="field12" />
</div>
</div>
[/sourcecode] - Copy the resulting Javascript into CSS & Javascript Toolbox (or any other way of setting this scripts into the <head> of your page with the form). [lightbox src=”http://www.screencast.com/users/twinsmagic/folders/AS Tutorials/media/3aaa4e8d-d5e2-46d5-80ca-cf575c801d19/embed”][button] Click Here to Watch the Video [/button][/lightbox]
- Add the “return set action” to the form’s “form name” line right after method=”post”:
[sourcecode language=”plain”] onsubmit="return setaction();" [/sourcecode]
So after you’ved added the set action, it should look something like this:
[sourcecode language=”plain”] <form class="mc-webform mc-webform-f3b72762-fe7a-4f60-9fc5-abec7a107f9c" method="post" onsubmit="return setaction();" action="https://www.mcssl.com/WebForms/Processor.ashx?wid=f3b72762-fe7a-4f60-9fc5-abec7a107f9c" data-mc-wid="f3b72762-fe7a-4f60-9fc5-abec7a107f9c" data-mc-required="email1" data-mc-format-email="email1" >
[/sourcecode] - Add the hidden field to the form code replacing the field code that was generated by 1shoppingcart:
[sourcecode language=”plain”]
<div class="mc-field-item">
<input type="hidden" name="zone" /></div>
[/sourcecode]
[lightbox src=”http://www.screencast.com/users/twinsmagic/folders/AS Tutorials/media/f993e2f3-4158-4722-8126-338b240d0ff2/embed”][button] Click Here to Watch the Video [/button][/lightbox]
- On the resulting thank you page (your e-promo-kit), use the switch codes listed on the “Switch Code” tab to “translate” the set zone into an actual price the consumer sees.
- In your autoresponder campaign, you’ll need to add the following to your all of your hyperlinks to your e-promo-kit within the autoresponder campaign: &zone=%$custom:zone$%[lightbox src=”http://www.screencast.com/users/twinsmagic/folders/AS Tutorials/media/f2242e55-427e-4370-87ab-360a3ba1ffbd/embed”][button] Click Here to Watch the Video [/button][/lightbox]
NOTE: This wizard will generate the special dynamic drop down boxes but will not generate the rest of the form code. If you need to generate a new web form, you can generate a new form inside 1Shoppingcart (make sure you have “zone” as one of the fields).
[/tab]
[tab title=” Old Web Form”]
[button url=”https://divimanagedhosting.wpmudev.host/astraining/variable-pricing-generator/” target=”blank” style=”glass” icon=”icon: map-marker”]Generator[/button]
- Copy your data from the spreadsheet into the generator. Make sure to select 2 or 3 column before pasting in your data from the spreadsheet. Watch video[lightbox src=”http://www.screencast.com/users/twinsmagic/folders/Inner Circle/media/b4927956-1954-45cf-a607-2af7b0e030da/embed”][button] Click Here to Watch the Video [/button][/lightbox]
- Copy and paste the resulting HTML code from our generator into your web form code.
- Copy the resulting Javascript into CSS & Javascript Toolbox (or any other way of setting this scripts into the <head> of your page with the form). [lightbox src=”http://www.screencast.com/users/twinsmagic/folders/AS Tutorials/media/3aaa4e8d-d5e2-46d5-80ca-cf575c801d19/embed”][button] Click Here to Watch the Video [/button][/lightbox]
- Add the “return set action” to the form’s “form name” line:
[sourcecode language=”plain”] onsubmit="return setaction();" [/sourcecode]
- Add the hidden field to the form code:
[sourcecode language=”plain”]<input name="zone" type="hidden" value="zonex"> [/sourcecode]
[lightbox src=”http://www.screencast.com/users/twinsmagic/folders/AS Tutorials/media/f993e2f3-4158-4722-8126-338b240d0ff2/embed”][button] Click Here to Watch the Video [/button][/lightbox]
- On the resulting thank you page (your e-promo-kit), use the switch codes listed below to “translate” the set zone into an actual price the consumer sees.
- In your autoresponder campaign, you’ll need to add the following to your all of your hyperlinks to your e-promo-kit within the autoresponder campaign: &zone=%$custom:zone$%[lightbox src=”http://www.screencast.com/users/twinsmagic/folders/AS Tutorials/media/f2242e55-427e-4370-87ab-360a3ba1ffbd/embed”][button] Click Here to Watch the Video [/button][/lightbox]
NOTE: This wizard will generate the special dynamic drop down boxes but will not generate the rest of the form code. If you need to generate a new web form, you can generate a new form inside 1Shoppingcart (make sure you have “zone” as one of the fields).
[/tab]
[tab title=” Switch Code”]
On the e-promo-kit page, you’ll display your pricing by including the switch code anywhere you want a price to appear (modify the prices to your liking):
[sourcecode language=”plain”]
[switch field="zone" a="$500" b="$600" c="$700" d="$800" e="$900"]
[/sourcecode]
[/tab][/tabs]