[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"detail-sidebar-cat-1-en-105":3,"doc-seo-306500-105":53,"doc-detail-306500-en":127},{"code":4,"msg":5,"data":6},0,"success",[7,14,19,24,29,34,39,44,49],{"id":8,"doc_module":9,"doc_module_name":10,"category_name":11,"show_sort_weight":12,"slug":13},11,1,"Template","Presentations",90,"presentations",{"id":15,"doc_module":9,"doc_module_name":10,"category_name":16,"show_sort_weight":17,"slug":18},12,"Resumes",80,"resumes",{"id":20,"doc_module":9,"doc_module_name":10,"category_name":21,"show_sort_weight":22,"slug":23},14,"Invoices",70,"invoices",{"id":25,"doc_module":9,"doc_module_name":10,"category_name":26,"show_sort_weight":27,"slug":28},15,"Posters",60,"posters",{"id":30,"doc_module":9,"doc_module_name":10,"category_name":31,"show_sort_weight":32,"slug":33},16,"Social Media",50,"social-media",{"id":35,"doc_module":9,"doc_module_name":10,"category_name":36,"show_sort_weight":37,"slug":38},17,"Forms",40,"forms",{"id":40,"doc_module":9,"doc_module_name":10,"category_name":41,"show_sort_weight":42,"slug":43},18,"Letters",30,"letters",{"id":45,"doc_module":9,"doc_module_name":10,"category_name":46,"show_sort_weight":47,"slug":48},21,"Paper Templates",5,"papers-templates",{"id":50,"doc_module":9,"doc_module_name":10,"category_name":51,"show_sort_weight":4,"slug":52},158,"General","general-158",{"code":4,"msg":54,"data":55},"ok",{"site_id":56,"language":57,"slug":58,"title":59,"keywords":60,"description":61,"schema_data":62,"social_meta":120,"head_meta":122,"extra_data":124,"updated_unix":126},105,"en","form-builder-app-setting-up-forms-and-survey-polls-in-your-shop","Form Builder app - setting up forms and survey polls in your shop","","Guide for setting up the Form Builder app in a ShopFactory store, covering purchase activation, creation of contact forms and survey/poll types, and selecting a form style (Inline, Modal, Floating). Explains how to add and arrange form fields via drag-and-drop, edit or delete fields, define behavior and form actions, and save the setup. Also details adding form links with Common Page Header code and Google Analytics integration, then managing and viewing submission responses in the SF Cloud backend.",{"@graph":63,"@context":119},[64,80,102],{"@type":65,"itemListElement":66},"BreadcrumbList",[67,71,74,77],{"item":68,"name":69,"@type":70,"position":9},"https://docshare.wps.com","Home","ListItem",{"item":72,"name":10,"@type":70,"position":73},"https://docshare.wps.com/template/",2,{"item":75,"name":36,"@type":70,"position":76},"https://docshare.wps.com/template/forms/",3,{"item":78,"name":59,"@type":70,"position":79},"https://docshare.wps.com/template/form-builder-app-setting-up-forms-and-survey-polls-in-your-shop/306500/",4,{"url":78,"name":59,"@type":81,"image":82,"author":87,"headline":59,"publisher":90,"fileFormat":93,"inLanguage":57,"description":61,"dateModified":94,"datePublished":95,"encodingFormat":93,"isAccessibleForFree":96,"interactionStatistic":97},"DigitalDocument",{"url":83,"@type":84,"width":85,"height":86},"https://docshare.wps.com/thumbnails/form-builder-app-setting-up-forms-and-survey-polls-in-your-shop/306500.png","ImageObject",442,249,{"name":88,"@type":89},"Grenda","Person",{"url":68,"name":91,"@type":92},"DocShare","Organization","application/pdf","2026-10-22","2026-09-19",true,{"@type":98,"interactionType":99,"userInteractionCount":101},"InteractionCounter",{"@type":100},"ViewAction",10,{"@type":103,"mainEntity":104},"FAQPage",[105,111,115],{"name":106,"@type":107,"acceptedAnswer":108},"How do I enable the Form Builder app in my ShopFactory account?","Question",{"text":109,"@type":110},"Open your shop in ShopFactory, go to ShopFactory Central, connect to the SF Cloud via App Store, select \"Form Builder\", and click \"Add App\". If using \"Pay on Invoice\", update your payment details under MANAGE SUBSCRIPTION before re-activating.","Answer",{"name":112,"@type":107,"acceptedAnswer":113},"What form styles are available in Form Builder?",{"text":114,"@type":110},"Form Builder supports three styles: Inline (shown on the page), Modal (shown only after clicking the link), and Floating (appears bottom-right and can be closed, then reopened).",{"name":116,"@type":107,"acceptedAnswer":117},"Where can I add the Common Page Header and form links in my shop?",{"text":118,"@type":110},"Use the Google Analytics dialog box in ShopFactory Central to paste the Common Page Header script, ensuring it is added after any existing GA code. Then add the form link to pages using the \"Custom Contents\" feature with custom HTML, and verify by saving and previewing/publishing the site.","https://schema.org",{"og:url":78,"og:type":121,"og:title":59,"og:site_name":91,"og:description":61},"article",{"robots":123,"canonical":78},"index,follow",{"doc_id":125,"site_id":56},306500,1790450903,{"code":4,"msg":5,"data":128},{"doc_id":125,"user_id":129,"nickname":88,"user_avatar":130,"doc_module":9,"category_id":35,"category_name":36,"doc_title":59,"doc_description":61,"doc_content":131,"file_id":132,"file_url":133,"file_type":134,"file_size":135,"view_count":101,"is_deleted":4,"is_public":9,"is_downloadable":9,"audit_status":9,"page_count":136,"language":137,"language_code":57,"site_id":56,"html_lang":57,"table_of_contents":138,"faqs":139,"seo_title":140,"seo_description":61,"update_tm":141,"read_time":73},7971474921005,"https://ap-avatar.wpscdn.com/davatar_29158cc5080c5b710cf443261637dec0","Knowledgebase > Apps & ShopFactory Cloud > Form Builder app: setting up forms and survey polls in your shop  \nForm Builder app: setting up forms and survey polls in your shop  \nMerliza N. - 2021-12-08-Apps & ShopFactory Cloud  \nCreate amazing online forms and surveys. Our Form builder app makes creating your own forms easy.  \nJust add your fields, then copy the form link to your website. It couldn't be easier.  \nThere are 3 Form Styles:  \n1. Inline-This form shows on page by replacing the form link you have inserted.  \n2. Modal – This form doesn't show until the form link is clicked.  \n3. Floating – This form appears on bottom right of the page. This form can be closed. Clicking on the form link opens it again on lower right corner.  \nNow you can create surveys, questionnaires, and contact forms with ease.  \nEnabling \"Form Builder\" app in your ShopFactory account  \n1. Purchase the app  \n-Open your shop in ShopFactory  \n-At the left-tree menu, click on ShopFactory Central page  \n-At the right-most column, click on \"App Store\" button to connect to the SF Cloud backend interface  \n-Select \"Form Builder\"  \n[https://app.santu.com/buynow/plan/addservice/id/formbuilder](https://app.santu.com/buynow/plan/addservice/id/formbuilder)  \n[-Click on the](-Click on the) \"Add App\" button  \n-This app will be activated in your ShopFactory account-check MY APPS page to view the active apps in your account.  \n(Note: If your current ShopFactory plan uses \"Pay on Invoice\" payment option, you will need to update your payment details under MANAGE SUBSCRIPTION and enter your credit card details-> Save-> activate the Form Builder app again.)  \n2. Setup your contact forms and survey forms via the Form Builder  \n- In ShopFactory interface, click ShopFactory Central from the left-tree menu  \n-Click on \"ShopFactory Cloud\" to connect to the cloud interface  \n-Once you are redirected to the SF Cloud interface, click on MY STORE menu-> select \"Form Builder\"  \n[https://forms.santu.com/](https://forms.santu.com/)  \n-Click ADD FORM  \n-Select the form style you want to use  \n- Enter the name of your form i.e. Subscribe Newsletter-Floating  \n-Select the Form Type: Contact form or Survey/Poll  \n-Click Next  \n- Drag the fields you want to use in your Form  \nAdd form fields by dragging them from the left column into the form area. Use predefined fields where possible, as this helps with analysing the responses. To sort form fields move them up and down in the form area.  \nTo edit or delete a field mouse over it and use the appropriate button. Click on Next to define the behaviour of the form.  \nYou can also edit the STYLING by selecting the tab on the left column  \n-Click Next to go to the Form Action interface  \n- Here you can define what happens, when a user has completed your form and how it is processed.  \n-Click on Save to complete your form setup when you are ready.  \n-You will see the header and form link on the last page. Copy the header and form link.  \nIn ShopFactory, add the Common page header code in the Google Analytics dialog box and add the  \nform link to any page in your shop using \"Custom Contents\" feature (add as custom html) . Refer to item \\#3 below for detailed steps.  \n-Click Finish to save the form.  \n3. Adding form links in your shop  \n-Go back to the ShopFactory editor-> select ShopFactory Central page-> click on \"Activate Apps\"button  \n-To add the \"Common Page Header\" script (STEP 1.), click on Site Analytics / SEO button on the SF Central page  \n-Click Website Analytics and paste the script in the Google Analytics dialog box, as shown in below screenshot:  \nNote: If you have an existing Google Analytics script in this dialog box, ensure you are adding the Form \"common page header\" script after the existing Google Analytics code. Please make sure you add the common page header script below the existing code in that box.  \n-At the left tree menu, click Contact Us page for example  \n-Click EDIT PAGE to open the EditView mode  \n-Click Custom Contents ta","cbCaiaODK3U7hkGa","https://ap.wps.com/l/cbCaiaODK3U7hkGa","pdf",673116,6,"English","# Enabling \"Form Builder\" app in your ShopFactory account\n## Purchase and activate the app\n## Setup contact forms and survey forms\n## Adding form links in your shop\n## Manage and view form responses","[{\"question\":\"How do I enable the Form Builder app in my ShopFactory account?\",\"answer\":\"Open your shop in ShopFactory, go to ShopFactory Central, connect to the SF Cloud via App Store, select \\\"Form Builder\\\", and click \\\"Add App\\\". If using \\\"Pay on Invoice\\\", update your payment details under MANAGE SUBSCRIPTION before re-activating.\"},{\"question\":\"What form styles are available in Form Builder?\",\"answer\":\"Form Builder supports three styles: Inline (shown on the page), Modal (shown only after clicking the link), and Floating (appears bottom-right and can be closed, then reopened).\"},{\"question\":\"Where can I add the Common Page Header and form links in my shop?\",\"answer\":\"Use the Google Analytics dialog box in ShopFactory Central to paste the Common Page Header script, ensuring it is added after any existing GA code. Then add the form link to pages using the \\\"Custom Contents\\\" feature with custom HTML, and verify by saving and previewing/publishing the site.\"}]","Form Builder app - setting up forms and survey polls in your shop | PDF",1789837217]