How to Add / Use the Pop Up Widget

Login to your CRM

Click on Websites and then on your domain name.

Click on Use In Website Editor.  Once you click on this, another screen will open up with your website.

Find the page that you would like to add Popup widget and then turn the content editor on.  In this case it will be on the homepage.

Now enter in [Widget(Popup)] into the content box.

Click OK to save the changes.

Now you need to turn off the Content Editor and Turn on the Widget Editor.  You can do this by clicking on the Widget Editor button.

Click the X to close the Popup.

Find the Popup Setting button and click on it.

Now make your changes to the Popup Widget.

1. Do you want this to be a global widget or just for this page?

2. Do you want to hide this from the site?

3. When will it trigger?  The different trigger options are a) When the page loads b) In # Seconds c) When you exit the page d) only for me

4. How many times will it show? There are different Show options a) Everytime the page Loads b) Once per Session c) Everytime to Non Registered Visitors

5. Popup Width: Put in a percentage, defaulted to 50%

6. Popup Height: Put in a percentage, defaulted to 50%

7. HTML: enter in the html coding that you would like in the popup widget.

HTML HELP:

Now we dont expect you to be able to do the HTML yourself, so contact support to create the coding for you. You may contact support by email [e-mail]

NOTE:  If would like a popup that looks like the one above copy and paste the information below, be aware you will need to add the photo into your image gallery.

<div style="text-align:center;">

<h1 style="font-size:25px;">Sign Up for My Monthly Newsletter</h1>

<br/><br/>

</div>

<div style="float:left;width:50%;">

<img src="http://crm.agentlocator.ca/UserFiles/1163/images/Newsletter-sign-up_zpsbe2a7c4b.png" style="max-width:300px;">

<br/>

</div>

<div style="float:left;width:49%;">

<h1> Enter your Information:</h1>

<form class="form inline" id="CustomForm" action="/images/SubmitForm.asp?Action=addToCRM" method="post">

<input name="ReturnMessage" type="hidden" value="Thank you, we have received your submission." />

<input type="hidden" name="EmailTitle" value="Newsletter">

<input name="Campaign" type="hidden" value="Newsletter" />

<input name="LeadType" type="hidden" value="Newsletter" />

<input type="hidden" value="" name="LastName" id="LastName">

<input type="hidden" name="registerMe" id="registerMe" value="1">

<input type="hidden" name="Notes" id="Notes" value="">

<label class="name medium">

<span>Enter your Name:</span>

<input type="text" value="" name="FirstName" id="FirstName" placeholder="Your Name" data-validation="length" data-validation-length="min2" />

</label>

<label class="email medium">

<span>Enter your E-mail:</span>

<input type="text" value="" name="Email" id="Email" placeholder="[e-mail]" data-validation="email" />

</label>

<label class="phone medium">

<span>Enter your Phone:</span>

<input type="text" value="" name="Phone" id="Phone" placeholder="Your Phone" data-validation-length="min2" />

</label>

<div class="clearfix"></div>

<div class="margin-t-15">

<button class="btn medium" type="submit">Enter Contest</button>

</div>

</form>

</div>

<div style="clear:both;"></div>