App Review: Improved Contact Form by Improvely

Improved Contact Form - 01

Yesterday, I wrote about how to customize your own contact page which does require some level of technical knowledge and not to insult anyone reading this but sometimes its easiest if you can use an app to get it done.  So for those of you that don’t want to spend time creating a contact page and coding it this app review is for you.  I stumbled across an app called “Improved Contact Form” earlier today that promises customizable contact form fields among other things.  After you install the app and click on it you will be brought to a screen that looks like the one below and offers you not only the ability to add and remove and customize the form fields and change the style of the button that appears on your contact page and the ability to customize some page settings before and after the contact form.

Improved Contact Form - 02What I like about this contact form app is that you can select which elements you want to appear on your contact form with a series of checkboxes and text fields.  Another useful thing is that it records and shows the most recent email messages received in the app itself.  Now the app does allow you to do some custom coding before the form and after the form as you can see below.  Now I do caution against this if you are not comfortable with coding but if you are then I say “Go for it!”

Improved Contact Form - 03

 

What I didn’t like about using this app and what may keep you from using it is that you cannot add different types of fields or create new fields to appear on the contact page so if this is something you need from a contact page then you will need to look elsewhere.  Check out the “Improved Contact Form” on the Shopify app store today, download it and customize it for your Shopify store.  It will save you some time and give you a lot of the functionality you need in a good contact form with a few hidden surprises that will make your life easier.

How to Create a Contact Page in Shopify

Shopify allows you to do a lot of things but sometimes its the simple things that are not clear. I wanted to show you one of those things today. Creating a contact form should be and Shopify does allow this functionality right out of the box. I am here to show you how to go about adding the default contact form to your Shopify store. When you log into your Shopify store go to “Pages” and create a new page and call it “Contact”. Scroll down to the “Template section” and select the “page.contact” template just like you see below.

Shopify Contact Page

Now let’s say you want to customize the contact page. This is where you will need some knowledge of HTML and CSS to really make an impact and if you don’t know or care to know I would stop here. Okay, so you are still here, than lets carry on. You will need to go to “Themes” and when you do you will see a button with “…”.  Hover over it and select the “Edit HTML/CSS” option.  This will bring you into the templates that run your Shopify store.  If you’ve never been in here before don’t worry  I will guide you through it.

Shopify Contact Form 2

When you do you will see a lot of templates and coding associated to those templates.  Look for the “page.contact.liquid” template and select it.

Shopify Contact Form 3

 

If you wanted to add a new field to the contact form all you would need to add is something like this…

<input type="text" name="contact[hair colour]" placeholder="Blond" />

Save and you are done. If you aren’t able to learn the code don’t worry too much. There are a number of apps that you can use to creates forms and get around this issue if you aren’t comfortable with coding.

How to Embed Your Shopify Store Into WordPress

When it comes to the internet and growing your business chances are you want to use the best tools around to do it.  I’ve used WordPress for years and I’ve used Shopify for years as well both for different things.  So when you have the ability to integrate two great technologies like WordPress and Shopify you should do it.  Shopify has as app called “Shopify Widgets” that lets you embed a “Buy It Now” button, a “Product” and your whole Shopify store into third party blogs and websites including WordPress.  Today I want to show you how to do just that.

Shopify Widgets-01

Once you’ve installed the app in your Shopify store, you’ll notice that you have a few options to add a “Buy It Now” button, “Embed a Product” or “Embed a Shop”.  For the purposes of this tutorial we will be focusing on how to embed a Shopify store on your WordPress site but if you are running a different platform on your blog or site you will still be able to use this app to extend Shopify on your website.

Shopify Widgets-03The next thing to do is to click on the “Embed a Shop” graphic.  Doing this will take you to a screen to add collections (if you haven’t already done so) to your Shopify store.  In my case, because this is a demo account that I use I didn’t use any collections when I set it up.  With that said once you’ve created a click just click on it and from here you will see the option to “</> Get Embed Code” button.  What this button will do is generate code you can embed on your website.

Shopify Widgets-04After clicking the button, you will now be able to see the embed code written in Javascript seen below.  When you copy and paste this into your website you will be able to showcase your products on your website.

Shopify Widgets-05Shopify offers a lot of cool and neat integrations and custom workarounds and the “Shopify Widgets” app is definitely useful especially if you have a pre-existing blog or site and you want to offer products for sale using Shopify’s ecommerce platform.

 

 

 

How to Setup Two Factor Authentication with Shopify

Shopify has recently rolled out Two Factor Authentication (TFA) on its stores.  What two factor authentication allows you to do is make your Shopify store even more secure by requiring two pieces of information to successfully log in.  You can enable two factor authentication on a user by user basis so if you manage the Shopify store and have employees working for you, you could use TFA on your account that you use to manage the store but not require your employees to use it.

How Does TFA work

Two Factor Authentication works by using your username and password that you have for your Shopify store and asks for a second piece of information to authenticate who you are through either using the Shopify Authentication App or by having Shopify send an SMS (text) message to your mobile device.  Once you recieve this authentication code or “auth code” as its commonly referred you enter it and are able login and use Shopify.  Keep in mind that the auth code will expire and you will need to enter in new auth codes which is part of the reason that this is such a secure option to use if you are looking for more security on your Shopify store.

How do I Enable Two Factor Authentication

In order to use TFA you will need to first login into your Shopify store and go to Settings  >>  Account and look for your name just like I did on my name below and click on it.

Shopify 2 Factor Auth 01

Once you click on your name you will be taken to a screen and if you scroll down a bit you will notice the “Two Step Authentication” section and the option to enable two-step authentication.  When you do click this button you will notice a pop up box appear that will ask you for your username and password to your Shopify store.

Shopify 2 Factor Auth 02

 

When you click on “Enable two-step authentication” you are presented with two options SMS Delivery and Authenticator App.

Shopify 2 Factor Auth 03

If you choose the SMS Delivery option you will be asked to enter your mobile phone number and confirm with a six-digit code you receive on your mobile phone and when you confirm an auth code will be sent to your phone to complete two factor authentication.

Shopify 2 Factor Auth 04 - SMS

Once you click “Send code” you will receive a text (SMS) message to your phone with a 6 digit code to enter (as seen in the screen above).  When you are finished you will notice that two factor authentication has been setup along with information about the code delivery method, Status and links to the recovery code should you ever need them.

Shopify 2 Factor Auth 05

Now when you log into your Shopify store you will be prompted for an authentication code every time you go to login making your Shopify store even more secure.

Shopify 2 Factor Auth 06

Check out Timber – Shopify’s Theme Framework

Timber-Framework

Shopify has just done something that makes it easier for most of us out there looking to run and customize our own themes for Shopify.  They release a framework called “Timber”.  The Timber front-end (theme) framework is perfect for the following reasons…

  1. It’s built for all devices
  2. It’s documented
  3. It’s customizable

Now Shopify does a pretty great job of being customizable right out of the box (so to speak) but Timber takes it that extra step and the heavy lifting.  Traditionally to proficiently customize a Shopify store you had to know how to code using Shopify’s liquid templating language.  “Yikes!!!” is all that comes to mind if you are a beginner without programming skills.

Check out Timber today at their GitHub website today and download the Timber Theme and get ready to have some fun customizing your own theme.  Stay tuned for some Timber related tutorials to help you get up and running and using this framework on your Shopify store soon.