Helpcenter +918010117117 https://help.storehippo.com/s/573db3149f0d58741f0cc63b/ms.settings/5256837ccc4abf1d39000001/57614ef64256dc6851749879-480x480.png" [email protected] https://www.facebook.com/StoreHippohttps://twitter.com/StoreHippohttps://www.linkedin.com/company/hippoinnovations/https://plus.google.com/+Storehippo/posts
B4,309-10 Spaze iTech Park, Sector 49, Sohna Road, 122001 Gurgaon India
call to replace anchor tags contains '/admin' in href

How to embed forms on pop-ups?

After you have created a form, the next step is to show it on the storefront. You can either display the form in static pages or in a pop-up on a product page, etc.
For example, you want to show a "Register" form on the product pages and open the register pop-up on a click on register button.

Following are the steps to embed the form on the pop-up:

  1. First, create a custom form in the Site > Forms section in your StoreHippo Admin Panel.
  2. Create a button to click for opening the pop-up on the page. Use function ms.modal(widgetname) on click of this button.
     <button ng-click="ms.modal('register')"> Click me </button>

        By using this you can open any widget in the pop-up.


You can also pass your custom header in this pop-up by using the following snippet:

<button ng-click="ms.modal('register','Register here and get 10% discount')"> Click me </button>


 Your pop-up will look like as shown below:   

2019-03-05T11:11:16.543Z