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 in pages?

After a custom form is created, you might need to use forms in your pages to capture user input from your customers. StoreHippo allows you to use theme widgets including forms widgets in pages. You can add forms to a static page in three easy steps:

Adding form widget to the page

When you have created a form and page on which you want to display the form, you are required to add the form widget to the page. To do so, follow thebelow-mentionedsteps:

  1. Go to Site > Pages section in StoreHippo Admin Panel.
  2. Add or edit a page.
  3. Select Code Editor while editing the content.
  4. Add the form widget code to display the form on the page. An example of embedding enquiry form in a page is shown below.

    for VueJs code (New themes):
    <div class="row justify-content-center mt-4">  <div class="col-md-8 col-lg-6">    <ms-forms formname="enquiry" @success="ms.reload();">         <div class="form" v-if="!loading">             <w-form-layout :form="form"></w-form-layout>         </div>     </ms-forms>  </div></div>
    

    for AngularJs code
    <div ms-widget="ms.forms" ms-data-formname="enquiry" ms-data-buttonname="Submit">
        <form name="enquiry" ng-submit="submit()">
           <div ms-widget="ms.th3.form_layout1"></div>
        </form>
    </div>
  5. Save the page by clicking on Save button.
  6. The page embedded with the form will look as such:

2024-10-07T07:53:28.319Z