Website Integration Resource Page

Welcome to Your DJEP Website Integration Resource Page!

We’ve created this page specifically for you and/or your website designer to review and test your DJ Event Planner (DJEP) integration codes before implementing them on your site. Here, you’ll find detailed steps, tips, and examples of how these tools can be used effectively. While the examples showcase how I’ve integrated them into my own DJ business website, they are simply meant to inspire and guide you—your approach can and should reflect your unique brand and goals.

Please note: While the codes provided work in this environment, they may not function as intended with all website builders or themes. If you experience difficulties getting them to work on your site, don’t hesitate to reach out—we’re here to help. You can schedule a Zoom video call with our support team for assistance.

Important: Once the integration pieces are placed on your website, please email the new page URLs and the locations of all integrated tools to our support team at support@superiorcrms.com. This step is essential so we can complete the necessary settings configuration within DJ Event Planner.

We’re excited to collaborate with you on making your website work seamlessly with DJEP!

Thank you,
Keith B. Clark
Superior CRMs

REQUEST FOR INFO. FORM - HHH

The Client Login form is usually placed on its own page or at the bottom of the Contact page. Additionally, we’ve provided a link for the Client Logout page, which you can customize to include your social media links and encourage clients to follow you.

PAGES TO REFERENCE:

https://www.creativespindjs.ca/contact

https://www.creativespindjs.ca/success

Request For Information Form
Event Date*
First Name*
Last Name*
Email Address*
Best Phone Number to reach you?*
Mailing Address
Address Line 2
City
State
Zipcode
Type Of Event*
Guest of Honor(s) Name?
Start Time*
End Time*
Requesting a Particular Entertainer?*
Where will your party be held?
Additional Comments / Event Details
How did you hear about us?


				
					<!-- BEGIN DJEVENTPLANNER CODE -->
<div class="col-xs-12 col-sm-8 col-sm-offset-2"><script src='https://ameplanning.com/check_req_info_form.js' language='javascript' type='text/javascript'></script>
<style>.formbutton{border:1px solid #1 !important;background-color:#EFEFEF !important;color:#000000 !important;font-size:12px !important;font-weight:600 !important;border-radius:50px !important;padding:10px 50px !important;margin:3px 3px !important;}</style><style>.form-control {padding:0px 12px !important;}</style><link rel="stylesheet" href="https://ameplanning.com/clients/includes/mobile-framework.css">
<link rel="stylesheet" href="https://ameplanning.com/includes/style-responsivetools-min.css">

<script>if(!window.jQuery){var script = document.createElement('script');script.type = 'text/javascript';script.src = 'https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js';document.getElementsByTagName('head')[0].appendChild(script);}</script>
<form  method="post" action="https://ameplanning.com/request_information.asp" onSubmit="return submitIt(this);" name="reqinfoform" style="margin:10px 20px;">
<input type='hidden' name='checkdate' value=''><input type='hidden' name='djidnumber' value='5131'><input type='hidden' name='action' value='add_information_request'><div class="djepcode">
<div style='font-size:16pt;font-family:Roboto,Verdana,Arial;color:#FFFFFF;background-color:#000000;color:#FFFFFF;' align="center"><div style="padding:8px;"><strong>Request For Information Form</strong></div></div>
<div style="padding:13px;background-color:#FFFFFF;color:#000000;">
<div class="form-group">
<div class="col-sm-4 col-md-3 padding-tb-7">
<div class="padding-lr-5">Event Date*</div>
</div>
<div class="col-sm-8 col-md-9"><span class="metro-table" id="date_select"><select name=month class="form-control monthselect" style="float:left;width:31%;margin:2px;" ><option value=43>Month</option><option value=1>January (1)</option><option value=2>February (2)</option><option value=3>March (3)</option><option value=4>April (4)</option><option value=5>May (5)</option><option value=6>June (6)</option><option value=7>July (7)</option><option value=8>August (8)</option><option value=9>September (9)</option><option value=10>October (10)</option><option value=11>November (11)</option><option value=12>December (12)</option>
</select>
<select name=day class="form-control dayselect" style="float:left;width:31%;margin:2px;" ><option value=43>Day<option value=1>1</option><option value=2>2</option><option value=3>3</option><option value=4>4</option><option value=5>5</option><option value=6>6</option><option value=7>7</option><option value=8>8</option><option value=9>9</option><option value=10>10</option><option value=11>11</option><option value=12>12</option><option value=13>13</option><option value=14>14</option><option value=15>15</option><option value=16>16</option><option value=17>17</option><option value=18>18</option><option value=19>19</option><option value=20>20</option><option value=21>21</option><option value=22>22</option><option value=23>23</option><option value=24>24</option><option value=25>25</option><option value=26>26</option><option value=27>27</option><option value=28>28</option><option value=29>29</option><option value=30>30</option><option value=31>31</option>
</select>
<select name=year class="form-control yearselect" style="float:left;width:31%;margin:2px;" ><option value=43>Year</option><option value=2025>2025</option><option value=2026>2026</option><option value=2027>2027</option><option value=2028>2028</option><option value=2029>2029</option><option value=2030>2030</option><option value=2031>2031</option><option value=2032>2032</option><option value=2033>2033</option><option value=2034>2034</option><option value=2035>2035</option>
</select>
</span></div>
<div class="cf"></div><div style="height:0px;"></div>
</div>
<div class="form-group">
<div class="col-sm-4 col-md-3 padding-tb-7">
<div class="padding-lr-5">First Name*</div>
</div>
<div class="col-sm-8 col-md-9"><input type="text" class="form-control width90hack" id="first_name" name="first_name"></div>
<div class="cf"></div><div style="height:0px;"></div>
</div>
<div class="form-group">
<div class="col-sm-4 col-md-3 padding-tb-7">
<div class="padding-lr-5">Last Name*</div>
</div>
<div class="col-sm-8 col-md-9"><input type="text" class="form-control width90hack" id="last_name" name="last_name"></div>
<div class="cf"></div><div style="height:0px;"></div>
</div>
<div class="form-group">
<div class="col-sm-4 col-md-3 padding-tb-7">
<div class="padding-lr-5">Email Address*</div>
</div>
<div class="col-sm-8 col-md-9"><input type="text" class="form-control width90hack" id="email" name="email"></div>
<div class="cf"></div><div style="height:0px;"></div>
</div>
<div class="form-group">
<div class="col-sm-4 col-md-3 padding-tb-7">
<div class="padding-lr-5">Best Phone Number to reach you?</div>
</div>
<div class="col-sm-8 col-md-9"><input type="tel" class="form-control width90hack" id="telephone" name="telephone"></div>
<div class="cf"></div><div style="height:0px;"></div>
</div>
<div class="form-group">
<div class="col-sm-4 col-md-3 padding-tb-7">
<div class="padding-lr-5">Mailing Address</div>
</div>
<div class="col-sm-8 col-md-9"><input type="text" class="form-control width90hack" id="address" name="address"></div>
<div class="cf"></div><div style="height:5px;"></div>
<div class="col-sm-4 col-md-3 padding-tb-7">
<div class="padding-lr-5">Address Line 2</div>
</div>
<div class="col-sm-8 col-md-9"><input type="text" class="form-control width90hack" id="address2" name="address2"></div>
<div class="cf"></div><div style="height:5px;"></div>
<div class="col-sm-4 col-md-3 padding-tb-7">
<div class="padding-lr-5">City</div>
</div>
<div class="col-sm-8 col-md-9"><input type="text" class="form-control width90hack" id="city" name="city"></div>
<div class="cf"></div><div style="height:5px;"></div>
<div class="col-sm-4 col-md-3 padding-tb-7">
<div class="padding-lr-5">State</div>
</div>
<div class="col-sm-8 col-md-9"><select name="state" class="form-control responsive-form-select"><option value="">Select...</option><option value=AL>Alabama</option><option value=AK>Alaska</option><option value=AZ>Arizona</option><option value=AR>Arkansas</option><option value=CA>California</option><option value=CO>Colorado</option><option value=CT>Connecticut</option><option value=DE>Delaware</option><option value=DC>District of Columbia</option><option value=FL>Florida</option><option value=GA>Georgia</option><option value=HI>Hawaii</option><option value=ID>Idaho</option><option value=IL>Illinois</option><option value=IN>Indiana</option><option value=IA>Iowa</option><option value=KS>Kansas</option><option value=KY>Kentucky</option><option value=LA>Louisiana</option><option value=ME>Maine</option><option value=MD>Maryland</option><option value=MA>Massachusetts</option><option value=MI>Michigan</option><option value=MN>Minnesota</option><option value=MS>Mississippi</option><option value=MO>Missouri<option value=MT>Montana<option value=NE>Nebraska<option value=NV>Nevada<option value=NH>New Hampshire<option value=NJ>New Jersey</option><option value=NM>New Mexico</option><option value=NY>New York</option><option value=NC>North Carolina</option><option value=ND>North Dakota</option><option value=OH>Ohio</option><option value=OK>Oklahoma</option><option value=OR>Oregon</option><option value=PA selected>Pennsylvania</option><option value=PE>Prince Edward Island</option><option value=RI>Rhode Island</option><option value=SC>South Carolina</option><option value=SD>South Dakota</option><option value=TN>Tennessee</option><option value=TX>Texas</option><option value=UT>Utah</option><option value=VT>Vermont</option><option value=VA>Virginia</option><option value=WA>Washington</option><option value=WV>West Virginia</option><option value=WI>Wisconsin</option><option value=WY>Wyoming</option></select></div>
<div class="cf"></div><div style="height:5px;"></div>
<div class="col-sm-4 col-md-3 padding-tb-7">
<div class="padding-lr-5">Zipcode</div>
</div>
<div class="col-sm-8 col-md-9"><input type="text" class="form-control width90hack" id="zipcode" name="zipcode" maxlength=15></div>
<div class="cf"></div><div style="height:5px;"></div>
</div>
<div class="form-group">
<div class="col-sm-4 col-md-3 padding-tb-7">
<div class="padding-lr-5">Type Of Event*</div>
</div>
<div class="col-sm-8 col-md-9"><select name=event_type class="form-control responsive-form-select"><option value=''>Please select...</option><option >B'Not Mitzvah</option><option >B'Nai Mitzvah</option><option >Bar Mitzvah</option><option >Bat Mitzvah</option><option >Wedding</option><option >Birthday Party</option><option >Church Event</option><option >Class Reunion</option><option >College Event</option><option >Community Celebration</option><option >Community Walk/Run</option><option >Company Holiday Party</option><option >Corporate Event</option><option >Father/Daughter Dance</option><option >Fundraiser</option><option >Halloween Party</option><option >Holiday Party</option><option >Homecoming Dance</option><option >Graduation Celebration</option><option >Grand Opening</option><option >New Year's Eve Party</option><option >Picnic</option><option >Pool Party</option><option >Private Party</option><option >Prom</option><option >Quinceanera</option><option >School Dance</option><option >Special Event</option><option >Sporting Event</option><option >Sweet 16</option><option >Wedding Anniversary</option></select></div>
<div class="cf"></div><div style="height:0px;"></div>
</div>
<div class="form-group">
<div class="col-sm-4 col-md-3 padding-tb-7">
<div class="padding-lr-5">Guest of Honor(s) Name?</div>
</div>
<div class="col-sm-8 col-md-9"><input class="form-control width90hack" type=text name=question_2 size=30 maxlength=250>
</div>
<div class="cf"></div><div style="height:0px;"></div>
</div>
<div class="form-group">
<div class="col-sm-4 col-md-3 padding-tb-7">
<div class="padding-lr-5">Start Time*</div>
</div>
<div class="col-sm-8 col-md-9"><select class="form-control responsive-form-select"  name='req_start_time'><option value='' selected></option><option value='12:00 pm'>Noon</option><option value='12:30 pm'>12:30 pm</option><option value='1:00 pm'>1:00 pm</option><option value='1:30 pm'>1:30 pm</option><option value='2:00 pm'>2:00 pm</option><option value='2:30 pm'>2:30 pm</option><option value='3:00 pm'>3:00 pm</option><option value='3:30 pm'>3:30 pm</option><option value='4:00 pm'>4:00 pm</option><option value='4:30 pm'>4:30 pm</option><option value='5:00 pm'>5:00 pm</option><option value='5:30 pm'>5:30 pm</option><option value='6:00 pm'>6:00 pm</option><option value='6:30 pm'>6:30 pm</option><option value='7:00 pm'>7:00 pm</option><option value='7:30 pm'>7:30 pm</option><option value='8:00 pm'>8:00 pm</option><option value='8:30 pm'>8:30 pm</option><option value='9:00 pm'>9:00 pm</option><option value='9:30 pm'>9:30 pm</option><option value='10:00 pm'>10:00 pm</option><option value='10:30 pm'>10:30 pm</option><option value='11:00 pm'>11:00 pm</option><option value='11:30 pm'>11:30 pm</option><option value='12:00 am'>Midnight</option><option value='12:30 am'>12:30 am</option><option value='1:00 am'>1:00 am</option><option value='1:30 am'>1:30 am</option><option value='2:00 am'>2:00 am</option><option value='2:30 am'>2:30 am</option><option value='3:00 am'>3:00 am</option><option value='3:30 am'>3:30 am</option><option value='4:00 am'>4:00 am</option><option value='4:30 am'>4:30 am</option><option value='5:00 am'>5:00 am</option><option value='5:30 am'>5:30 am</option><option value='6:00 am'>6:00 am</option><option value='6:30 am'>6:30 am</option><option value='7:00 am'>7:00 am</option><option value='7:30 am'>7:30 am</option><option value='8:00 am'>8:00 am</option><option value='8:30 am'>8:30 am</option><option value='9:00 am'>9:00 am</option><option value='9:30 am'>9:30 am</option><option value='10:00 am'>10:00 am</option><option value='10:30 am'>10:30 am</option><option value='11:00 am'>11:00 am</option><option value='11:30 am'>11:30 am</option></select></div>
<div class="cf"></div><div style="height:0px;"></div>
</div>
<div class="form-group">
<div class="col-sm-4 col-md-3 padding-tb-7">
<div class="padding-lr-5">End Time*</div>
</div>
<div class="col-sm-8 col-md-9"><select class="form-control responsive-form-select"  name='req_end_time'><option value='' selected></option><option value='12:00 pm'>Noon</option><option value='12:30 pm'>12:30 pm</option><option value='1:00 pm'>1:00 pm</option><option value='1:30 pm'>1:30 pm</option><option value='2:00 pm'>2:00 pm</option><option value='2:30 pm'>2:30 pm</option><option value='3:00 pm'>3:00 pm</option><option value='3:30 pm'>3:30 pm</option><option value='4:00 pm'>4:00 pm</option><option value='4:30 pm'>4:30 pm</option><option value='5:00 pm'>5:00 pm</option><option value='5:30 pm'>5:30 pm</option><option value='6:00 pm'>6:00 pm</option><option value='6:30 pm'>6:30 pm</option><option value='7:00 pm'>7:00 pm</option><option value='7:30 pm'>7:30 pm</option><option value='8:00 pm'>8:00 pm</option><option value='8:30 pm'>8:30 pm</option><option value='9:00 pm'>9:00 pm</option><option value='9:30 pm'>9:30 pm</option><option value='10:00 pm'>10:00 pm</option><option value='10:30 pm'>10:30 pm</option><option value='11:00 pm'>11:00 pm</option><option value='11:30 pm'>11:30 pm</option><option value='12:00 am'>Midnight</option><option value='12:30 am'>12:30 am</option><option value='1:00 am'>1:00 am</option><option value='1:30 am'>1:30 am</option><option value='2:00 am'>2:00 am</option><option value='2:30 am'>2:30 am</option><option value='3:00 am'>3:00 am</option><option value='3:30 am'>3:30 am</option><option value='4:00 am'>4:00 am</option><option value='4:30 am'>4:30 am</option><option value='5:00 am'>5:00 am</option><option value='5:30 am'>5:30 am</option><option value='6:00 am'>6:00 am</option><option value='6:30 am'>6:30 am</option><option value='7:00 am'>7:00 am</option><option value='7:30 am'>7:30 am</option><option value='8:00 am'>8:00 am</option><option value='8:30 am'>8:30 am</option><option value='9:00 am'>9:00 am</option><option value='9:30 am'>9:30 am</option><option value='10:00 am'>10:00 am</option><option value='10:30 am'>10:30 am</option><option value='11:00 am'>11:00 am</option><option value='11:30 am'>11:30 am</option></select></div>
<div class="cf"></div><div style="height:0px;"></div>
</div>
<div class="form-group">
<div class="col-sm-4 col-md-3 padding-tb-7">
<div class="padding-lr-5">Requesting a Particular Entertainer?*</div>
</div>
<div class="col-sm-8 col-md-9"><select class="form-control responsive-form-select" class="form-control width90hack" name=req_info_form_djemployeeid><option value=0>Any Available</option><option value=6606>Emcee Anthony</option><option value=6987>Emcee Ian</option><option value=7450>Emcee Eric</option><option value=7554>Emcee Jedi "Carl"</option><option value=7374>Emcee George</option><option value=7452>DJ Leon</option><option value=7600>DJ Dee Square "Dorian"</option><option value=7499>DJ Justin</option><option value=7313>DJ Chris</option><option value=7540>Lindsay C</option></select></div>
<div class="cf"></div><div style="height:0px;"></div>
</div>
<div class="form-group">
<div class="col-sm-4 col-md-3 padding-tb-7">
<div class="padding-lr-5">Where will your party be held?</div>
</div>
<div class="col-sm-8 col-md-9"><input class="form-control width90hack" type=text name=question_1 size=30 maxlength=250>
</div>
<div class="cf"></div><div style="height:0px;"></div>
</div>
<div class="form-group">
<div class="col-sm-4 col-md-3 padding-tb-7">
<div class="padding-lr-5">Additional Comments / Event Details</div>
</div>
<div class="col-sm-8 col-md-9"><textarea name=additional_information rows=5 cols=25 class="form-control width90hack"></textarea></div>
<div class="cf"></div><div style="height:0px;"></div>
</div>
<div class="form-group">
<div class="col-sm-4 col-md-3 padding-tb-7">
<div class="padding-lr-5">How did you hear about us?</div>
</div>
<div class="col-sm-8 col-md-9"><input type=text name=req_source class="form-control width90hack" maxlength=50></div>
<div class="cf"></div><div style="height:0px;"></div>
</div>
<br><p align="center"><input type=submit name=submit value=Submit class="formbutton"><input type="hidden" name="thank_you_url" value="https://hothothotent.com/success"></p><br>
</div>
</div>
</form>
</div>
<!-- END DJEVENTPLANNER CODE -->
				
			

REQUEST FOR INFO. FORM - AME

Paste this on AME’s website… See Instructions for this section above.

Request For Information Form
Event Date*
First Name*
Last Name*
Guest of Honor(s) Name?
Email Address*
Best Phone Number to reach you?*
Type Of Event* 
Start Time*
End Time*
Where will your party be held?
Additional Comments / Event Details
How did you hear about us?


				
					<!-- BEGIN DJEVENTPLANNER CODE -->
<div class="col-xs-12 col-sm-8 col-sm-offset-2"><script src='https://ameplanning.com/check_req_info_form.js' language='javascript' type='text/javascript'></script>
<style>.formbutton{border:1px solid #1 !important;background-color:#EFEFEF !important;color:#000000 !important;font-size:12px !important;font-weight:600 !important;border-radius:50px !important;padding:10px 50px !important;margin:3px 3px !important;}</style><style>.form-control {padding:0px 12px !important;}</style><link rel="stylesheet" href="https://ameplanning.com/clients/includes/mobile-framework.css">
<link rel="stylesheet" href="https://ameplanning.com/includes/style-responsivetools-min.css">

<script>if(!window.jQuery){var script = document.createElement('script');script.type = 'text/javascript';script.src = 'https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js';document.getElementsByTagName('head')[0].appendChild(script);}</script>
<form  method="post" action="https://ameplanning.com/request_information.asp" onSubmit="return submitIt(this);" name="reqinfoform" style="margin:10px 20px;">
<input type='hidden' name='checkdate' value=''><input type='hidden' name='djidnumber' value='5131'><input type='hidden' name='action' value='add_information_request'><div class="djepcode">
<div style='font-size:16pt;font-family:Roboto,Verdana,Arial;color:#FFFFFF;background-color:#000000;color:#FFFFFF;' align="center"><div style="padding:8px;"><strong>Request For Information Form</strong></div></div>
<div style="padding:13px;background-color:#FFFFFF;color:#000000;">
<div class="form-group">
<div class="col-sm-4 col-md-3 padding-tb-7">
<div class="padding-lr-5">Event Date*</div>
</div>
<div class="col-sm-8 col-md-9"><span class="metro-table" id="date_select"><select name=month class="form-control monthselect" style="float:left;width:31%;margin:2px;" ><option value=43>Month</option><option value=1>January (1)</option><option value=2>February (2)</option><option value=3>March (3)</option><option value=4>April (4)</option><option value=5>May (5)</option><option value=6>June (6)</option><option value=7>July (7)</option><option value=8>August (8)</option><option value=9>September (9)</option><option value=10>October (10)</option><option value=11>November (11)</option><option value=12>December (12)</option>
</select>
<select name=day class="form-control dayselect" style="float:left;width:31%;margin:2px;" ><option value=43>Day<option value=1>1</option><option value=2>2</option><option value=3>3</option><option value=4>4</option><option value=5>5</option><option value=6>6</option><option value=7>7</option><option value=8>8</option><option value=9>9</option><option value=10>10</option><option value=11>11</option><option value=12>12</option><option value=13>13</option><option value=14>14</option><option value=15>15</option><option value=16>16</option><option value=17>17</option><option value=18>18</option><option value=19>19</option><option value=20>20</option><option value=21>21</option><option value=22>22</option><option value=23>23</option><option value=24>24</option><option value=25>25</option><option value=26>26</option><option value=27>27</option><option value=28>28</option><option value=29>29</option><option value=30>30</option><option value=31>31</option>
</select>
<select name=year class="form-control yearselect" style="float:left;width:31%;margin:2px;" ><option value=43>Year</option><option value=2025>2025</option><option value=2026>2026</option><option value=2027>2027</option><option value=2028>2028</option><option value=2029>2029</option><option value=2030>2030</option><option value=2031>2031</option><option value=2032>2032</option><option value=2033>2033</option><option value=2034>2034</option><option value=2035>2035</option>
</select>
</span></div>
<div class="cf"></div><div style="height:0px;"></div>
</div>
<div class="form-group">
<div class="col-sm-4 col-md-3 padding-tb-7">
<div class="padding-lr-5">First Name*</div>
</div>
<div class="col-sm-8 col-md-9"><input type="text" class="form-control width90hack" id="first_name" name="first_name"></div>
<div class="cf"></div><div style="height:0px;"></div>
</div>
<div class="form-group">
<div class="col-sm-4 col-md-3 padding-tb-7">
<div class="padding-lr-5">Last Name*</div>
</div>
<div class="col-sm-8 col-md-9"><input type="text" class="form-control width90hack" id="last_name" name="last_name"></div>
<div class="cf"></div><div style="height:0px;"></div>
</div>
<div class="form-group">
<div class="col-sm-4 col-md-3 padding-tb-7">
<div class="padding-lr-5">Guest of Honor(s) Name?</div>
</div>
<div class="col-sm-8 col-md-9"><input class="form-control width90hack" type=text name=question_2 size=30 maxlength=250>
</div>
<div class="cf"></div><div style="height:0px;"></div>
</div>
<div class="form-group">
<div class="col-sm-4 col-md-3 padding-tb-7">
<div class="padding-lr-5">Email Address*</div>
</div>
<div class="col-sm-8 col-md-9"><input type="text" class="form-control width90hack" id="email" name="email"></div>
<div class="cf"></div><div style="height:0px;"></div>
</div>
<div class="form-group">
<div class="col-sm-4 col-md-3 padding-tb-7">
<div class="padding-lr-5">Best Phone Number to reach you?*</div>
</div>
<div class="col-sm-8 col-md-9"><input type="tel" class="form-control width90hack" id="telephone" name="telephone"></div>
<div class="cf"></div><div style="height:0px;"></div>
</div>
<div class="form-group">
<div class="col-sm-4 col-md-3 padding-tb-7">
<div class="padding-lr-5">Type Of Event*&nbsp;<input type=hidden id=q3_required name=q3_required value=TRUE><input type=hidden name=q3_mapto value=comments></div>
</div>
<div class="col-sm-8 col-md-9"><select class="form-control width90hack" name=question_3><option value=''>Please select...</option>
<option>B'Not Mitzvah</option>
<option>B'Nai Mitzvah</option>
<option>Bar Mitzvah</option>
<option>Bat Mitzvah</option>
<option>Wedding</option>
<option>Birthday Party</option>
<option>New Year's Eve Party</option>
<option>Quinceanera</option>
<option>Sweet 16</option>
<option>Wedding Anniversary</option>
</select>
</div>
<div class="cf"></div><div style="height:0px;"></div>
</div>
<div class="form-group" style="display: none;">
<div class="col-sm-4 col-md-3 padding-tb-7">
<div class="padding-lr-5">Event Type*</div>
</div>
<div class="col-sm-8 col-md-9"><input type="text" name="event_type" class="form-control width90hack" maxlength="50" data-np-intersection-state="visible" value="AME LEAD"></div>
<div class="cf"></div><div style="height:0px;"></div>
</div>
<div class="form-group">
<div class="col-sm-4 col-md-3 padding-tb-7">
<div class="padding-lr-5">Start Time*</div>
</div>
<div class="col-sm-8 col-md-9"><select class="form-control responsive-form-select"  name='req_start_time'><option value='' selected></option><option value='12:00 pm'>Noon</option><option value='12:30 pm'>12:30 pm</option><option value='1:00 pm'>1:00 pm</option><option value='1:30 pm'>1:30 pm</option><option value='2:00 pm'>2:00 pm</option><option value='2:30 pm'>2:30 pm</option><option value='3:00 pm'>3:00 pm</option><option value='3:30 pm'>3:30 pm</option><option value='4:00 pm'>4:00 pm</option><option value='4:30 pm'>4:30 pm</option><option value='5:00 pm'>5:00 pm</option><option value='5:30 pm'>5:30 pm</option><option value='6:00 pm'>6:00 pm</option><option value='6:30 pm'>6:30 pm</option><option value='7:00 pm'>7:00 pm</option><option value='7:30 pm'>7:30 pm</option><option value='8:00 pm'>8:00 pm</option><option value='8:30 pm'>8:30 pm</option><option value='9:00 pm'>9:00 pm</option><option value='9:30 pm'>9:30 pm</option><option value='10:00 pm'>10:00 pm</option><option value='10:30 pm'>10:30 pm</option><option value='11:00 pm'>11:00 pm</option><option value='11:30 pm'>11:30 pm</option><option value='12:00 am'>Midnight</option><option value='12:30 am'>12:30 am</option><option value='1:00 am'>1:00 am</option><option value='1:30 am'>1:30 am</option><option value='2:00 am'>2:00 am</option><option value='2:30 am'>2:30 am</option><option value='3:00 am'>3:00 am</option><option value='3:30 am'>3:30 am</option><option value='4:00 am'>4:00 am</option><option value='4:30 am'>4:30 am</option><option value='5:00 am'>5:00 am</option><option value='5:30 am'>5:30 am</option><option value='6:00 am'>6:00 am</option><option value='6:30 am'>6:30 am</option><option value='7:00 am'>7:00 am</option><option value='7:30 am'>7:30 am</option><option value='8:00 am'>8:00 am</option><option value='8:30 am'>8:30 am</option><option value='9:00 am'>9:00 am</option><option value='9:30 am'>9:30 am</option><option value='10:00 am'>10:00 am</option><option value='10:30 am'>10:30 am</option><option value='11:00 am'>11:00 am</option><option value='11:30 am'>11:30 am</option></select></div>
<div class="cf"></div><div style="height:0px;"></div>
</div>
<div class="form-group">
<div class="col-sm-4 col-md-3 padding-tb-7">
<div class="padding-lr-5">End Time*</div>
</div>
<div class="col-sm-8 col-md-9"><select class="form-control responsive-form-select"  name='req_end_time'><option value='' selected></option><option value='12:00 pm'>Noon</option><option value='12:30 pm'>12:30 pm</option><option value='1:00 pm'>1:00 pm</option><option value='1:30 pm'>1:30 pm</option><option value='2:00 pm'>2:00 pm</option><option value='2:30 pm'>2:30 pm</option><option value='3:00 pm'>3:00 pm</option><option value='3:30 pm'>3:30 pm</option><option value='4:00 pm'>4:00 pm</option><option value='4:30 pm'>4:30 pm</option><option value='5:00 pm'>5:00 pm</option><option value='5:30 pm'>5:30 pm</option><option value='6:00 pm'>6:00 pm</option><option value='6:30 pm'>6:30 pm</option><option value='7:00 pm'>7:00 pm</option><option value='7:30 pm'>7:30 pm</option><option value='8:00 pm'>8:00 pm</option><option value='8:30 pm'>8:30 pm</option><option value='9:00 pm'>9:00 pm</option><option value='9:30 pm'>9:30 pm</option><option value='10:00 pm'>10:00 pm</option><option value='10:30 pm'>10:30 pm</option><option value='11:00 pm'>11:00 pm</option><option value='11:30 pm'>11:30 pm</option><option value='12:00 am'>Midnight</option><option value='12:30 am'>12:30 am</option><option value='1:00 am'>1:00 am</option><option value='1:30 am'>1:30 am</option><option value='2:00 am'>2:00 am</option><option value='2:30 am'>2:30 am</option><option value='3:00 am'>3:00 am</option><option value='3:30 am'>3:30 am</option><option value='4:00 am'>4:00 am</option><option value='4:30 am'>4:30 am</option><option value='5:00 am'>5:00 am</option><option value='5:30 am'>5:30 am</option><option value='6:00 am'>6:00 am</option><option value='6:30 am'>6:30 am</option><option value='7:00 am'>7:00 am</option><option value='7:30 am'>7:30 am</option><option value='8:00 am'>8:00 am</option><option value='8:30 am'>8:30 am</option><option value='9:00 am'>9:00 am</option><option value='9:30 am'>9:30 am</option><option value='10:00 am'>10:00 am</option><option value='10:30 am'>10:30 am</option><option value='11:00 am'>11:00 am</option><option value='11:30 am'>11:30 am</option></select></div>
<div class="cf"></div><div style="height:0px;"></div>
</div>
<div class="form-group">
<div class="col-sm-4 col-md-3 padding-tb-7">
<div class="padding-lr-5">Where will your party be held?</div>
</div>
<div class="col-sm-8 col-md-9"><input class="form-control width90hack" type=text name=question_1 size=30 maxlength=250>
</div>
<div class="cf"></div><div style="height:0px;"></div>
</div>
<div class="form-group">
<div class="col-sm-4 col-md-3 padding-tb-7">
<div class="padding-lr-5">Additional Comments / Event Details</div>
</div>
<div class="col-sm-8 col-md-9"><textarea name=additional_information rows=5 cols=25 class="form-control width90hack"></textarea></div>
<div class="cf"></div><div style="height:0px;"></div>
</div>
<div class="form-group">
<div class="col-sm-4 col-md-3 padding-tb-7">
<div class="padding-lr-5">How did you hear about us?</div>
</div>
<div class="col-sm-8 col-md-9"><input type=text name=req_source class="form-control width90hack" maxlength=50></div>
<div class="cf"></div><div style="height:0px;"></div>
</div>
<br><p align="center"><input type=submit name=submit value=Submit class="formbutton"><input type="hidden" name="thank_you_url" value="https://ame.events/success"></p><br>
</div>
</div>
</form>
</div>
<!-- END DJEVENTPLANNER CODE -->
				
			

HAVE QUESTIONS, NEED HELP? SCHEDULE A CALL...

CLIENT LOGIN FORM - HHH & AME

The Client Login form is normally found on either its own page, or near the bottom of the contact page. We’ve also included a link below for the Client Logout page we created for when the client logs out of the system. The Logout page can include your social media links and where they can follow you.

PAGES TO REFERENCE:

https://www.creativespindjs.ca/login

https://www.creativespindjs.ca/logout

Client Logon

Forgot your password?

				
					<!-- BEGIN DJEVENTPLANNER CODE -->
<link rel="stylesheet" href="https://ameplanning.com/includes/style-responsivetools-min.css">
<SCRIPT LANGUAGE="javascript">function SendPasswordWindow() {w = window.open('https://ameplanning.com/sendpassword.asp?typeoflogon=client','w','width=200,height=100,menubar=no,scrollbars=no,resizable=yes,location=no,directories=no,status=no');w.focus();} function remember_logon_warning(rlw_checkbox) {if (rlw_checkbox.checked) {window.alert('Do not select this option at a public terminal or on a shared computer.');} } function breakout_of_frame() {if (top.location != location) {top.location.href = document.location.href ;}}</SCRIPT><div class="djepcode"><div class="container"><div class="panel" style='font-size:18px!important;background-color:#FFFFFF;color:#000000;'><div class="panel-heading" style='font-size:18px!important;background-color:#000000;color:#FFFFFF;'><h3 class="panel-title"><center>Client Logon</center></h3></div><div class="panel-body" style='font-size:14px!important;background-color:#FFFFFF;color:#000000;'><form role="form" name="logonform" action="https://ameplanning.com/clientlogon.asp?djidnumber=5131" method="post"><div class="form-group"><label for="username">Username:</label><input type="text" name="username" class="form-control input-lg" id="username"></div><div class="form-group"><label for="password">Password:</label><input type="password" name="password" class="form-control input-lg" id="password"></div><button type="submit" name="submit" class="btn-lg btn-block btn-default" style="border:0px solid #000!important;border-radius:50px !important; margin:3px 3px !important; padding:10px 50px !important; background-color:#EFEFEF!important;color:#000000!important;font-size:12px !important;font-weight:600!important;">SUBMIT</button></form></div></div><p align="center"><a href="javascript:SendPasswordWindow()">Forgot your password?</a></p></div></div>
<!-- END DJEVENTPLANNER CODE -->
				
			

HAVE QUESTIONS, NEED HELP? SCHEDULE A CALL...

OTHER PAGES -

Thank You for Signing
This page is used to redirect clients after they’ve signed the contract. It’s especially helpful if you have a separate payment arrangement, such as collecting payment after the event. Having this page available ensures a seamless experience when needed.

PAGES TO REFERENCE:

https://www.creativespindjs.ca/contract-signed

Reminder:

Once you’ve placed the integration pieces on your website, please email the URLs and the specific locations of the integrated tools to our support team at support@superiorcrms.com. This step is essential to ensure we can complete the settings configuration within DJ Event Planner and make everything work seamlessly.

HAVE QUESTIONS, NEED HELP? SCHEDULE A CALL...