Helpcenter +918010117117" [email protected]
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: