Build Your Own Contact Form: POWR Form Builder App Review and Tutorial

• Once the app is installed and integrated with your Shopify store, you’ll be automatically taken to the form editor. First, there’s a welcome popup with basic tips. On the right, there are the elements and content of your plugin, The design tab is for customization and when you’re satisfied with the design you need to click “Add to site” and that is it.

• To start making your contact form. First, you have 8 themes to choose from, in the next section, you should choose the type of form you want to build and the choose a template. In this case, choose Contact Form and click on continue with the template. 

• On the Form tab you can play with the content and elements of your form. You can add up to 6 elements on a free plan. See what else you can add by clicking on add element and wow! We can add so many things, text, images, checkbox, phone number, rating and so many more! Let’s try emoji feedback. A new window appeared where we can change the text of our emojis. This looks really nice! You can even make it a required field just toggle this button from off to on. Click on done and we are done with the Form tab.

• Moving on to the settings tab, the first step in this tab is to set email form admin. Let’s click on that and in the new window add your email. This app also allows you to get an email whenever someone abandons payment. In the settings tab you can set submission Behavior and here there’s integrations. Once this step is done, you can jump to the next tab which is the payment. In this tab, you can allow your customers to pay via this form. Connect payment accounts, add product details, tax shipping and discount if you want and you are all done. You can use it for One-time purchase, donations or subscription. 

On the Design tab you can choose from: 

• Smart Design

• Popup Positioning

• Layout

• Animation

• Background & Border

• Fonts

• Submit Button

• Advanced

• Plugin Width

• Starting with Smart Design “Match your website and plugin designs!" Paste the URL of a website in https:// format, and we will grab a background color and a font from it.” Click on Generate Design, after a few seconds, your form should be generated. To style it a little bit more click on Done and the next step is Popup Positioning. This tab is as the name says for popup positioning. You can choose the button or a tab which when clicked will trigger your form to pop up. Moving on to the Animation section and here you can choose different animations for both buttons and form entrance. Again click on done, and your form is ready. 

Then click on “Add to Site” and you are on the plan picker page. Select a plan and after which you’ll be returned to the editor. 

• On the Form builder installation page, here you can choose if you want to do it by yourself, or let the app do the work for you. To let the app install the code for us, and for the pages, choose everywhere. Click on add to pages and it is installed. To quickly see what has been done click on view and you should be on your demo shop. 

After installing this app, if you choose to uninstall it and remove the code from your store we have to show you how. Go to the shopify admin. Remove the app from the Shopify admin as you would do with every other app. 

Jump to the theme code and from there search for product.liquid. Delete this line of code and click on the save button. However if you injected the code directly in a template, this code should be removed manually. In case you need help with this, leave us a comment, or contact us on our social media pages.