On Page Pop up window

Need help? Please give a detailed explanation of your problem.
User avatar
Agalassi1792
AllPro Expert
Posts: 417
Joined: Tue Nov 18, 2014 12:42 pm
Website: apwt.bluezenith.com

On Page Pop up window

Postby Agalassi1792 » Tue Jun 14, 2016 11:48 am

Hello,

Is there a way to create an On-Page popup that pops onto the screen when someone visits a page? I don't want it on every page of this client's website, only their service pages. Is that possible to do?
User avatar
Paige
Support Team
Posts: 461
Joined: Fri Feb 24, 2012 3:41 am
Website: www.allprowebtools.com
Location: Fort Collins, CO
Contact:

Re: On Page Pop up window

Postby Paige » Tue Jun 14, 2016 2:19 pm

You are able to do this using a Bootstrap modal. Here is the documentation on it: http://getbootstrap.com/javascript/#modals

Here is example code that would pop open the modal when the page loads:

Code: Select all

<script type="text/javascript">
    $(window).load(function(){
        $('#myModal').modal('show');
    });
</script>

<div class="modal hide fade" id="myModal">
  <div class="modal-header">
    <a class="close" data-dismiss="modal">×</a>
    <h3>Modal header</h3>
  </div>
  <div class="modal-body">
    <p>Body Text</p>
  </div>
  <div class="modal-footer">
    <a href="#" class="btn">Close</a>
  </div>
</div>
User avatar
Agalassi1792
AllPro Expert
Posts: 417
Joined: Tue Nov 18, 2014 12:42 pm
Website: apwt.bluezenith.com

Re: On Page Pop up window

Postby Agalassi1792 » Tue Jun 14, 2016 2:29 pm

Thanks! This helps!!




Return to “Help / How to use AllProWebTools”



Who is online

Users browsing this forum: No registered users and 4 guests

cron