Add a simple form to your site

Let’s take a look at adding a contact form to our ‘About Us’ page in Shopify. First, we need to create the form in Wufoo. Log in (or create a new account) and click “New Form.”

Add some fields (for a contact form, it’s a good idea to at least ask for an email address and a message, but you can add any fields you think you may need – name, phone number, whatever). Keep in mind, the shorter your form, the more likely it is people will fill it out!

Once you’re happy with the fields in your form, click the “Form Settings” tab and give your form a name and (optionally) a description. In this section you can also decide on your confirmation options: you can have your users redirected to a page on your site once they’ve successfully submitted the form, or replace the form with a message (“Success!” or something similar). You can also opt to send your users a confirmation email.

Click “Save Form” when you’re all done. A pop-up will ask you what you want to do next. Choose the option that returns you to the Form Manager.

In the Form Manager (otherwise known as your Wufoo dashboard), choose the “Code” button and click the tab for “Embed Form Code.” Select the code under “JavaScript Version” and copy it to your clipboard.

Now, log in to your Shopify admin area and click “Blogs & Pages.” Choose your Contact Us page and click “Edit.”

In the Edit screen, click the “Insert” button and choose “Script.” You will see a box open up with an example of a JavaScript code snippet. Delete the sample snippet and paste the entire JavaScript code you selected from the Code section in Wufoo (it will be two separate JavaScript snippets). Insert the code into your page and click “Save.”

Voilà! You now have a Wufoo contact form on your Contact Us page. User submissions will be saved to your Wufoo account. You can tweak the settings in Wufoo to dictate where submissions are sent (for example, you can opt to have each submission emailed to you or texted to your phone) and whether you want to integrate your form with a third-party add-on like Highrise or Campaign Monitor. Keep in mind, any changes you make to the form in Wufoo will be reflected on your Shopify site!

Henry needed a site to showcase his fabulous new collection of luxury yoga towels. His design preference was upscale minimalism, and the site reflects that with a clean white background and dark gray typography. The only splash of color comes from the towels, which take center stage on the home page slideshow.

Henry’s fabulous photography definitely took this site to the next level. Visit Baktuli.com to check it out yourself!

CouldBe Studios client Tees.com was featured on the Shopify blog. Thanks JP!

They have a great selection of t-shirts, and a fun shop. You should check them out.

www.beadaustin.com

Once again we’ve been privileged to work with great people. We’re proud of this site, and we had a really good time working with the client on it.

Cool folks, cool products. Check it out!

We had a lot of fun working with this client, they have great products and a clear sense of where they are going. They already had some quite well-done graphics for their packaging, so we built the site around that.

Anyway, we like them and we think you will too, so go check ‘em out.

The good folks at jadedPixel (the team that brought us Shopify) published an interview with Matt today! He talks about our business, our clients, and why we recommend Shopify so damn much. Check it out, and join me in a rousing chorus of “woo hoo.”