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: