contact form

fake monkey — Wed, 05 Jul 2006 19:10:05 +0000

Is it possible to create a contact form script for shopify. The type of thing i was thinking about was where a user fills in all the details and then are sent to a thank you page. This form could then be sent via html to the shop owner. It's just a bit tidier than using a mailto: link and i'd prefer to avoid any pop ups to external pages or scripts. Thanks for any help. Matt

Kenny D commented

Kenny D — Wed, 05 Jul 2006 20:04:29 +0000

I was wondering the same thing.

As a halfway house, I’ve made a contact form Page on Shopify, but, in the HTML, set the form contents to submit to a PHP emailer script which I’ve stored on another server. This all happens invisibly to the user; no pop-ups or anything.

Doubtless there is some disadvantage to this which I haven’t thought of yet.

Kenny D commented

Kenny D — Wed, 05 Jul 2006 20:18:05 +0000

This here

fake monkey commented

fake monkey — Wed, 05 Jul 2006 20:54:34 +0000

I think this is what i’m after.

is this just a standard php mailer script.

I didn’t fill the form in but does it return a thankyou page once the form has been posted, if so can you share the script as i can host it elsewhere as well.

lovely site by the way.

Kenny D commented

Kenny D — Wed, 05 Jul 2006 21:45:22 +0000

Cheers Matt. Once the message is sent, the user is forwarded to another Shopify Page I made, which just says “Email successfully sent

Juan commented

Juan — Wed, 05 Jul 2006 23:10:26 +0000

You may wan’t to take a look at :

http://www.techcrunch.com/2006/07/05/make-powerful-online-forms-easily-with-wufoo/

(haven’t tried, just found the article interesting)

Richard Quick commented

Richard Quick — Wed, 05 Jul 2006 23:32:20 +0000

”I’ve discovered that the PHP script I was using is insecure (ie. could be harnessed by bots for mass spamming)”

Kenny,

Can’t you just alter the script so it only accepts posts from URLs containing your shoppify domain name?

Cliff commented

Cliff — Thu, 06 Jul 2006 01:29:14 +0000

Wufoo is very cool and insanely intuitive (if that’s possible). There are several ways to add your form, the simplest being to use the iframe code to add it to a Shopify page from the admin. The forms are very customizable (you can build themes for the forms or use your own CSS) and can show instructions when your visitors hover over the form elements.

Their free plan should work for the majority of Shopify users as long as you don’t expect more than 100 uses of the form per month. Otherwise, there are several pay plans available, which you will be required to have if you want the form to redirect to a custom page on your Shopify store.

mel pennington commented

mel pennington — Thu, 06 Jul 2006 05:08:42 +0000

cliff, nice post on wufoo. You should add it to the add-on’s list. One question: how are you putting it in shopify, in the pages or in the index.liquid? thanks!

Cliff commented

Cliff — Thu, 06 Jul 2006 07:27:24 +0000

Where is the add-ons list?

You simply past the iframe code in a page via the admin (Blogs and Pages). The rest is done in your Wufoo account.

mel pennington commented

mel pennington — Thu, 06 Jul 2006 16:32:52 +0000

Cliff, The Add-ons list was a thread I created a while back asking for people to submit add-ons that they were using rather well with shopify. Wufoo is a great one.

As for pasting, I did that, but need to edit the css to fit my page better? Any thoughts on how to best do that?

Cliff commented

Cliff — Fri, 07 Jul 2006 01:19:34 +0000

Though I haven’t had a chance to mess with it much, you can create themes in Wufoo and apply one to your form. It may also be possible to strip the theme and use your own CSS, but I’m not sure.

mel pennington commented

mel pennington — Fri, 07 Jul 2006 04:43:44 +0000

email me a link of your form. mel(at)penningtonandbailes.com

wayne sutton commented

wayne sutton — Fri, 07 Jul 2006 15:35:09 +0000

Hey yep Wufoo is cool I added a form to my store you can see it here:

http://waynesutton.myshopify.com/pages/contact

I also have a way for people to text message me via http://www.txtdrop.com/ which i’m testing out.

Wayne

ipds commented

ipds — Fri, 07 Jul 2006 23:31:11 +0000

I’m amazed at how simple it was to put a form in a Shopify page. It was as simple as cut & pasting the typical

HTML code in a new page, call it Contact Page et voila!

I got a little nervous at the beginnig when I first set up a Shopify account. While I’m pretty good at writing up HTML and basic script code, I had never heard of liquid and .css

Turns out it’s really not that complicated once you get down to it!

Cliff commented

Cliff — Sat, 08 Jul 2006 01:15:46 +0000

Wow, never heard of CSS? The use of CSS is a web standard, so I’m glad Shopify is playing a part in educating. Kudos! :)

mel pennington commented

mel pennington — Sat, 08 Jul 2006 05:26:31 +0000

clifford, never got your email to the form you use, so I figured it out on my own thank goodness. Just used alot of

mel pennington commented

mel pennington — Sat, 08 Jul 2006 05:27:57 +0000

Sorry, should have said: Just used a lot of

 <span style="css code here">Forms</span>

Thanks for leading us to this new add-on cliff. got any more? -P

mel pennington commented

mel pennington — Sat, 08 Jul 2006 05:28:13 +0000

Sorry, should have said: Just used a lot of

 <span style="css code here">Forms</span>

Thanks for leading us to this new add-on cliff. got any more? -P

Cliff commented

Cliff — Sat, 08 Jul 2006 06:12:56 +0000

Hey, Mel, sorry I forgot to reply. My test sites are locked down right now, so I don’t have any links for you. All I did was paste the iframe code to test, I didn’t mess with any of the styling.

You can use CSS classes in pretty much any HTML element.

No other 3rd party services off the top of my head, but I’ll be sure to jot them down if I come across any.

Jamie commented

Jamie — Sat, 08 Jul 2006 17:21:49 +0000

There is also JotForm which I like a lot. It is also free, but it has no limits to the amount of submissions if that is a concern for anyone. They have a nice ajax powered WYSIWYG form builder that lets you completely build and arrange the fields of the form online.

fake monkey commented

fake monkey — Sat, 08 Jul 2006 21:21:48 +0000

while both of these services are great.

It doesn’t take away the fact that a contact form is basic service of any business online.

After all your customers will want to contact you at some point, and this should be as easy and painless as possible.

And this should be all done within the domain your in.

It could all be managed within the shopify admin area, and alert you when new messages have come in, via email or rss etc.

Beyond this, may be a timing module could be built to raise the profile of questions you have not responded to.

What does everybody think.?

tobi commented

tobi — Sat, 08 Jul 2006 21:38:44 +0000

Shopify actually had contact management at one point. i took it out before release because of the myriad of spam problems resulting from such forms.

I really don’t want to add captchas or stuff like this to shopify stores so i nixed the idea till we have a good idea of what we need in shopify.

For the record: the contact form on jadedpixel.com gets a spam message every once every 5 minutes. The comments on my personal weblog at blog.leetsoft.com about one in every 10 seconds.

Forms on the internet are bad these days i’m afrait to say..

fake monkey commented

fake monkey — Sat, 08 Jul 2006 21:48:23 +0000

agreed with that,

and i was hinting at a very basic cms type system, i’ve had the mis-pleasure to implement rightnow at work, so that was the kind of thing i was thinking.

I lurk on the texpattern / texdrive forums and the guys over there face the same issue’s with spam and forms, although i’m sure somebody put together a form that was meant to stop the automated type spam, but i could be wrong.

In the end i’m sure you guys will figure something out.

Natalie commented

Natalie — Sun, 09 Jul 2006 03:46:56 +0000

Hey, Tobi, I don’t know if this will help at all, but with my contact forms I’ve been in the habit of adding a checkbox that reads “this is not spam” and must be checked in order to send the message. I only get maybe 1 spam every 2 weeks now because it takes a human being to check that box. So far at least. :)

tobi commented

tobi — Sun, 09 Jul 2006 04:04:29 +0000

Ha ha. Well thats a cute way to do it.

Since we are talking about this, my personal favorite is kitten auth

Cliff commented

Cliff — Sun, 09 Jul 2006 17:35:59 +0000

Nice, Natalie, that is a cool way to do it. Way more interesting than the enter-these-psychedelic-numbers-in-the-box. ;)

danW commented

danW — Mon, 10 Jul 2006 06:14:34 +0000

Toby, Do your forms require an email address? And do you authenticate the address before allowing people to send the form?

tobi commented

tobi — Mon, 10 Jul 2006 16:00:03 +0000

They do require an email address but they don’t verify. You mean we should send a test email to the people using the form and only unlocking the feedback if this is confirmed successfully?

Cliff commented

Cliff — Wed, 12 Jul 2006 15:40:01 +0000

Just came across another option called The Form Assembly for building contact forms, etc. The service is apparently free.

danW commented

danW — Wed, 12 Jul 2006 21:37:18 +0000

Tobi, Not exactly. What you do is write a script that does a lookup of the mx record for the domain in the email address, connect to mail server and verify that the address exists. This is what the transaction between the server looks like from a telnet session.

The lines with stars are the ones that I typed, everything else is what the server responded with.

What we are looking for is the 250 OK after typing in the “RCPT TO <>”.

* Rotten-Apple:~ dan$ telnet mailserver.jadedpixel.com 25
Trying 204.11.49.158...
Connected to mailserver.jadedpixel.com.
Escape character is '^]'.
220 mailserver.jadedpixel.com ESMTP Postfix (Debian/GNU)
* EHLO jadedpixel.com
250-mailserver.jadedpixel.com
250-PIPELINING
250-SIZE 10240000
250-VRFY
250-ETRN
250 8BITMIME
* MAIL FROM:<myemail@mydomain.com>
250 Ok
* RCPT TO:<postmaster@jadedpixel.com>
250 Ok
* RSET
250 Ok
* QUIT
221 Bye
Connection closed by foreign host.
Rotten-Apple:~ dan$

danW commented

danW — Wed, 12 Jul 2006 21:43:39 +0000

I do have to mention that it will not return an error if the email address does not exist on the server. But this does show that there is a valid email address set up for the domain name which most spam does not have. The addresses used in spam are most of the time made up and do not really exist.

danW commented

danW — Wed, 12 Jul 2006 21:44:51 +0000

grrrrr. I meant to say valid email server.. Where is the edit button??!? ;)

danW commented

danW — Wed, 12 Jul 2006 22:13:54 +0000

Ok. Let me set this straight.

If the mail server has a catch-all address for a domain, an invalid user in an email address will not give an error. On the other hand if there is no catch-all address, the server should give a 550 error(user not known)

So recap. You could do 3 checks: 1. That the email address is in a valid format. 2. That the domain name exists(lookup returns mx record) 3. That the username exists on the server (optional)

As for your personal blog. You could even go as far as keeping the email addresses that validate in a database and verify against that first. This would keep down on the traffic generated in validating the email addresses of returning posters.

Just don’t let that list get in the hands of a spammer :D

danW commented

danW — Thu, 20 Jul 2006 19:20:31 +0000

Bump – Is this feature something that we might see in the future?

While third party solutions and iframes work, its not feasable to be maintaining multiple logins in multiple places to have certain features.

I am seeing this with contact forms, reviews and image hosting.

I understand your busy and these things take time, but it would be nice to know what we can expect in the future updates.

Jamie commented

Jamie — Wed, 02 Aug 2006 23:21:56 +0000

I have to bump this as well there are plenty of ways to have a contact form that circumvents spammers. This is a nesessity on any web store. It is also pretty basic. I run textpattern and get no spam at all through my contact form and maybe 2 per week in comment forms.

Richard Quick commented

Richard Quick — Thu, 03 Aug 2006 00:17:56 +0000

If you’ve got a web server running PHP it’s VERY simple to set up a web for that’ll work.

About 15 lines of code.

Scott commented

Scott — Thu, 03 Aug 2006 02:44:39 +0000

If you’ve got a web server running PHP it’s VERY simple to set up a web for that’ll work.

I thought one of the main benefits of having a hosted e-commerce site was supposed to be that you didn’t need your own server?

I agree with other commenters that a contact form is pretty much a “must have” for an online store. While anti-spam measures are definitely helpful, it should be noted that the presence of spam doesn’t actually affect the user experience of the customers, only the store owner. This could be considered “the price you have to pay” for making it as easier for your customers to contact you. Of course, the shopify admins do have to consider the extra load on their email system that spam would introduce.

Jamie commented

Jamie — Thu, 03 Aug 2006 23:14:46 +0000

I have one set up but it is sort of a pain to have to deal with that externally, especially for clients who I don’t want to have to alias part of their domain to one of my servers just for a contact form. It should be handled in withing the server the application is on for ease of use for me as a designer and clients as users. When the sales start booming on stores and commission checks get larger there will be more grumbling over the need for something basic like a simple contact form.

danW commented

danW — Sat, 05 Aug 2006 09:00:28 +0000

tobi,

Here is a link I found that references the live check of email address. There is a download for a plugin for phpbb so maybe you can reference it.

here is the link

hope this helps.

tobi commented

tobi — Sat, 05 Aug 2006 15:30:11 +0000

I have been playing around which actually connecting to the referenced mail server and asking it if its a valid email address. this seems pretty promising as psydo spam protection. Its pretty complicated however because you have to ask the DNS server of the domain for a MX record and then handle the case where there is no MX record and so on.

There is also the wonderful services at http://akismet.com/ but they don’t really deal with feedback style posts.

Jamie commented

Jamie — Sat, 05 Aug 2006 16:21:04 +0000

I use a plugin for textpattern that was made by Alex Shields one of the devs. I have yet to get any spam through his contact form. I know you know your stuff, but If you would like to have a look let me know. Its only about 20 lines of code that handles the mail check requirements.

danW commented

danW — Sun, 06 Aug 2006 05:21:05 +0000

Hi Tobi,

I would say if they don’t have an mx record then have it fail. A valid email server should always have a mx record maybe 2.

That should make it easy anyway!!! ;)

Dan

Christina commented

Christina — Thu, 31 Aug 2006 11:13:17 +0000

Just compared two external services: Wufoo and the FormAssembly, and found the latter to be far better.

Wufoo:

very slow; I click on my contact page, and it takes around 30 seconds for the form to appear from their server, by which time most people will have given up.

no internationalization: if your site is in anything but English, it’ll be annoying to see buttons that says “submit”

invalid markup: iframes are not on in XHTML Strict; I don’t know about transitional.

FormAssembly:

you can choose to host the form yourself (in the shopify application), so it’s much quicker to load, and remains in your domain.

as it’s not an iframe, it’s more complex to install; you have to download the files and put them in their proper places.

once you’ve done that, another problem is that their css (which you can modify) will affect all the other form elements in your site, so there’s quite a bit of customization and separating of parameters to do. There are also some, more minor, validation problems.

with these caveats, the rest seems excellent: verification for proper email format (which Wufoo doesn’t seem to have), internationalization – you specify your language. you can have auto reply from your shopify address, get notified about incoming comments by email, etc.

With both these services, however, I would only take the paid services, because with the free option, once your customer has left a comment, s/he gets taken to an advertisement page of wufoo/formassembly, and that, in my view, is a Bad Thing.

Richard Quick commented

Richard Quick — Thu, 31 Aug 2006 15:55:24 +0000

“invalid markup: iframes are not on in XHTML Strict; I don’t know about transitional.”

They’re in the xhtml 1.0 frameset doctype.

- Rich

Jamie commented

Jamie — Fri, 01 Sep 2006 01:46:11 +0000

They’re in the xhtml 1.0 frameset doctype.

They still suck for a comment form though :) and woofoo is about the most painfully slow external script I have ever used.

Richard Quick commented

Richard Quick — Fri, 01 Sep 2006 03:40:26 +0000

If anyone’s got a server with PHP I’m happy to email them my form script, as used here:

http://shop.thepasty.com/pages/mailing-list

If not I can host the script for you for a small fee.

Rich
The Pasty.com – RichardQuickDesign.com

Richard Quick commented

Richard Quick — Fri, 01 Sep 2006 03:41:11 +0000

soz – link is: http://shop.thepasty.com/pages/mailing-list

Jamie commented

Jamie — Fri, 01 Sep 2006 15:42:48 +0000

It’s not really the mail list, for me any way. I’m using campaign monitor which is really nice, because your subscribers are automgically loaded into your account when the fill in those fields. i am using woofoo ug for a contact form that is so slow. I have a few servers, but I am not sure of a good contact php script to refer to, so if you have any hint there it would be much nicer (and faster) than woofoo and the silly iframe they use.

Richard Quick commented

Richard Quick — Sat, 02 Sep 2006 00:55:32 +0000

Jamie – all my script does is processes the form fields and posts them to you as an email.

Can be a contact form, mailing list or anything else.

If you want it drop me an email

info@ my site.

- Rich

Christina commented

Christina — Sun, 03 Sep 2006 01:34:25 +0000

Jamie -

I’ve just looked at campaign monitor, & looks useful. Do you use it to let people sign up for a newsletter? And if so, how do you capture the customer data (i.e. the e-mail addresses from the contact form) into campaign monitor? In other words, how do you link c.m. to shopify?

Jamie commented

Jamie — Tue, 05 Sep 2006 14:15:52 +0000

@ Christina,

I have a bit of a snippet that CM gives me. I simply drop it in a div an put it where I think it ought to go. When the user hits “submit” it posts to the CM account or specific campaign that the form was tailored for. It’s quite simple and the nice thing about CM is that it’s pay per send rather than monthly service fee whether you mail or not. Check it out. Free sign up. What I did to keep it simple for this client is we have a page for the newsletter within shopify- she updates the text/images on that page and CM downloads the generated html and images to create the html based email, so I don’t have to code something every time she wants to email out a newsletter and my client feels a bit more empowered by it.

@ Richard I’ll email you on the script. That sounds much more promising than woofoo. Thanks!

Jamie commented

Jamie — Tue, 05 Sep 2006 14:16:48 +0000

so tobi,

hows the contact form lobby coming along anyway? :)

Christina commented

Christina — Tue, 05 Sep 2006 15:49:23 +0000

Many thanks for the explanation, Jamie. I’ll try that.

jblaine commented

jblaine — Thu, 03 May 2007 04:37:48 +0000

Many many months later… do we still have no offering?

I am 100% with ‘fake monkey’. This is absolutely essential to any online shop.

Heck, you guys already have the code written. You use a very readable captcha-like thing for this forum’s registration form!

Jared Ross commented

Jared Ross — Sat, 05 May 2007 05:42:47 +0000

I’ve been very happy with Jotform. It is free and they just upgraded it last week, I think they added a captcha options. I get a lot of fake submissions, but not from bots, just people being jerks.

-Jared

jblaine commented

jblaine — Sun, 06 May 2007 21:00:25 +0000

What are you specifying at JotForm for HeaderURL and such? I can’t find a good way to integrate the source for a form.

Tyler commented

Tyler — Tue, 15 May 2007 19:55:24 +0000

Bump.

Any progress on this at all Tobi? I realize that it appears fairly complicated, but it’s generally fairly standard and essential these days.

The work-arounds are definitely there, but far too complex and involved for most of us, regardless an implemented process would be far superior.

Something that allowed for customization of the fields. For example, I’m starting a clothing store, maybe I’d like a field that allowed the user to input their size or favorite apparel company, etc.

Thanks!

HunkyBill commented

HunkyBill — Tue, 15 May 2007 21:18:53 +0000

One really simple way to use a contact form and not get blotto’d with Spam, is to present the form with a <div> container that contains a message like ” if you want to contact us, please click here”. a click on the container removes it and enables the contact form to be filled in. Assign it to cart.notes (or with cart.attributes if you must use other fields to capture info).. and you’re done… it would be pretty hard for a spam bot to click that div away…

same principle would protect Jotspot and Wufoo iframes too..

If you need help with this, drop me a line.. I can set you up…

Tyler commented

Tyler — Wed, 16 May 2007 08:57:44 +0000

Hey Hunky,

You’re just the person I’ve been looking for.

Can you drop me an e-mail at autophileapparel(AT)gmail.com?

I’d like to ask you how you implemented a color choice option in your cart!

Thanks!

P.S. – I believe I have the contact issue solved for now!

collin commented

collin — Fri, 18 May 2007 02:10:36 +0000

Hunky could you explain further? If it is a <div> container how would it be hiding the contained form markup from non-visually oriented bots? Is the form created entirely with Javascript after the <div> is clicked? That seems to bring up accessabilty problems, for humans.

HunkyBill commented

HunkyBill — Fri, 18 May 2007 14:06:58 +0000

Hi,

First of all, let’s make the assumption that your form exists in your template. You made it, you hooked it up to the Shopify back end via cart.note and cart.attributes. You want to cut down on spam bots right? Using javascript (the only way to manipulate the DOM nodes that make up your clients view of the site), you can make a <div> which serves as a clickable container. As long as you have not registered a click in that container, there is no submit button for the form. If a click is registered in the container, voila, you provide the submit element.

In terms of programming skills required for this, with Shopify’s pedigree in Rails it comes with Protocrapulous for free, where you can easily manipulate the DOM with built in helper functions galore.

As for usability problems for humans… once again, I appreciate the effort being made for those who choose to turn off javascript… and to those who do, hurrah for you, you might get the basic, simple, Shopify site, no bells, no whistles and perhaps no contact form. It’s their choice.

It the site owner’s choice to decide whether accepting and processing hundreds or more spam bot hits per day/week/month is worth it in the end.

Captcha’s were really rare for awhile there too, but you notice how now that they are so trendy and common, they seem to be more of a pain than ever to deal with. This is more like one mouse click (keyboard hit) goodness.

In fact, you could just map a weirdo key stroke combination to your form, so that it only submits if the user presses <shift>+<g>+<o> or something benign to invoke the submit. Skies the limit…

Nenitiko commented

Nenitiko — Wed, 10 Oct 2007 02:44:29 +0000

interesting is that any protective “hack” like that one via javascript can be circunvented by a spammer, by implementing a system as this control still resides on client. captchas do precisely that, they take control off the client, you can post, but the verification happens in an uncontrolled environment for the spammer (server). you dont need a submit button to “submit” a form, that is just one of the ways a client application gives to send a post/get, you can either use javascript, a browser plugin, or a custom spamming application for that.

also, spam bots can effectively click regions and trigger javascript, completely invalidating the protection.

Dave S commented

Dave S — Thu, 07 Feb 2008 21:25:40 +0000

Just thought I’d bump this up!

I think I’m probably going to use a script hosted elsewhere, that seems to be the best solution at the moment.

Wufoo is pretty nice though, although I don’t really like the fact it’s branded (I know, I can probably change that if I wanted to pay for it).

Jared Burns commented

Jared Burns — Thu, 07 Feb 2008 21:30:42 +0000

Try this…

http://formspring.com

Phylo commented

Phylo — Thu, 31 Jul 2008 16:39:52 +0000

I think Im about to switch to yahoo stores!

It seems that allot of the basic functionality you would expect from a product you are paying money for and then also giving a percentage of your sales to would have basic functionality like this…

I have had to delay marketing my store because of some of these basic features that are included with virtually every other hosted ecommerce solution are a royal pain in the but to implement unless you can code it yourself….

Phil

Jared Burns commented

Jared Burns — Thu, 31 Jul 2008 17:33:14 +0000

Hi Phil. Curiously, are you a web professional or a business person? If you’re only a business person, do you act as your own attorney for legal advise as well? If your having many troubles getting setup, perhaps it’d be worth the money to hire somebody with e-commerce, development, and Shopify experience?

I only mention this because I’ve read your posts on this forum and get the impression that you want to fully customize your site, but may not have the skills to do so. Shopify is intended not to be “bloatware” and has the right features for the majority of shops, but doesn’t provide features that only a few need.

That’s what makes Shopify a great product – it’s easy to use and gets the job done for most people. Just like any product on the market, it’s not going to be the perfect solution for everybody, but I’ve yet to find a better e-commerce solution than this. Something about Shopify attracted you, right?

Anyhow, over the past months these forums have turned into something of a public “gripe-board”. If you like bloatware, Shopify isn’t for you, but if you want something that is easy to use, looks great, and has everything you need to get the job done, you’ll love Shopify.

Shopify provides you the tools and features to sign-up, fill in some basic information, and you have a nice looking shop. If you want to extend Shopify to its limits (which is really fun), then perhaps you should hire somebody or give yourself more time to learn it. Between Shopify’s API, some Liquid expertise, and a great imagination, Shopify is capable of doing anything you want.

I personally love Shopify because it is one of the most flexible systems out there – both from a design and development perspective.

Anywho, good luck with your shop!

Phylo commented

Phylo — Sat, 02 Aug 2008 15:21:49 +0000

Hi Jared,

Thanks for your reply.. I am actually fairly happy with shopify, but I do wish that there were more features built in to it. I see allot of post’s asking for help and a lot of replies saying to hire someone, which is kind of frustrating.

I am not by any sense of the word a web developer, I know just enough about a few other languages to get the flow and do some basic modification to the site, but obviously not enough to accomplish my goals. I have tried to find more information about liquid, but there just doesnt seem to be a whole lot out there at this point.. I would love to have a better understanding of the language so that I dont have to bother anyone with my silly problems and to help out some of those people like myself who just need a pointer or two in the right direction.

Thanks again for taking time to reply to my gripe :-)
Phil

ps. is there a way to subscribe to threads so that Ill know if someone replies to something I have posted?

Jared Burns commented

Jared Burns — Sat, 02 Aug 2008 19:31:47 +0000

Hi again Phil. When replying to comments in this forum I don’t immediately suggest going out and hiring somebody, but I do consider one’s skill set when making that recommendation.

The great thing about Shopify that somebody with NO web knowledge can create an online store then run it quite easily. I think what misleads people is they think because they were able get online fairly easily that they will also be able to become a professional front-end developer (XHTML, CSS, JavaScript, and Liquid) overnight as well.

Since Shopify gives full control over design, that means if you want to customize a default theme then you’ll need to know how to write XHTML, CSS, and Liquid. It takes many people years to excel at this so to assume that a typical business person can do this immediately is just silly. This is why you see people suggesting they hire somebody. To a trained eye it’s obvious when somebody doesn’t know what they’re doing.

As a web professional I love Shopify because I do have full range of control over the look, feel, and functionality. People who aren’t web pros are the ones you see complaining in these forums. In many cases it’s because they just don’t have the skills to make something work properly, not because a feature is missing.

Anyhow, because I have years of development experience I was able to learn Liquid in a matter of a few hours simply by using the Shopify Wiki. Since I’ve been working with Shopify since its inception I’m typically able to develop a complete theme in a few hours depending on the complexity these days.

You can subscribe to this forum by clicking the RSS button on the top of the forums homepage.

Good luck with your shop!

Scraps commented

Scraps — Tue, 26 Aug 2008 11:52:37 +0000

I’ve made a contact form Page on Shopify, and in the HTML, I attempted to set the form contents to submit to a PHP emailer script and I thought I might be able to make work by uploading the script as an asset…can anybody tell me if I am on the right track with that approach?

Jared Burns commented

Jared Burns — Tue, 26 Aug 2008 13:14:54 +0000

You can’t upload a PHP script to your assets and execute it. Shopify doesn’t even have PHP enabled servers. You need to submit the form to another server that is PHP enabled and can actually do something with the data to submit.

You might be better of using something like Formspring.

osu commented

osu — Fri, 05 Sep 2008 08:42:33 +0000

Hi Jared,

This is one of the things that concerns me slightly about Shopify – how I’d be able to integrate dynamic content or includes from the same or another server (like an image gallery) into my template?

Normally, I’d use a PHP script, but are there other alternatives to generating this type of content in templates? Am I right in thinking this is where I’d need to learn liquid?

Many thanks,

osu

Caroline Schnapp commented

Caroline Schnapp — Fri, 05 Sep 2008 10:52:30 +0000

Liquid is not a programming language, it is a template language that enables you to place Shopify variables on the page with minimum logic.

Maybe you can use iframe to place dynamic content on the page generated by a PHP script hosted on another server.

Or you can use JavaScript/AJAX to add content to the document (the DOM), again using an Ajax URL to a PHP script hosted somewhere else.

So, yes, it is possible to add dynamic content on the page, in the way that you allude to, but not using Liquid per say.

Caroline Schnapp commented

Caroline Schnapp — Fri, 05 Sep 2008 10:57:42 +0000

If you have a Drupal site hosted somewhere, you can install the webform contributed module to it (that’s a Drupal add-on), create any number of webforms and iframe them on your Shopify site on any page you want.

To iframe the form without all the Drupal page ‘chrome’ (header, sidebars and footer) you can use a special page template.

I created a Drupal module that generates such template for all pages displaying a webform, and I explained my method here.

Jamie commented

Jamie — Fri, 05 Sep 2008 11:00:31 +0000

@osu Dynamic scripts that are not client side ie. javascript will all have to be executed somewhere else. I have a flash/xml gallery running on someones site, but the calls are going to another sever that I have elsewhere. Same for contact forms. But for a medium trafficked site it almaost makes more sense to use something like jotform, wufoo, or formspring until (if/when jp implements) there is a simple contact form function within shopify.

Housh commented

Housh — Sun, 07 Sep 2008 06:24:46 +0000

Regarding Forms, I have been very happy with www.Formlogix.com. You can easily and fully customize a form and paste the automatically generated code into your Shopify page. The cost for me is about a $1 a month. You can check out one of my contact forms here…

http://www.customframesolutions.com/pages/contact-us

Regarding hiring someone for customizing your site, I can tell you that about a year ago, I had no idea how to do HTML and did not know what CSS was. I didn’t hire anyone though, I did a lot of searches on google for tutorials and chipped away at my ignorance regarding web design and in less than 4 months, I had fully designed http://www.canvastree.com. Earlier this year, I built http://www.customframesolutions.com in a little over a month.

I’m a big fan of learning how to do things yourself. I do draw the line though at certain things like javascript coding for enhanced customization as you can see on the product pages of the Custom Frame Solutions site. For that I went with HunkyBill, who did a ton of work in about a day and a half.

-Housh

jonathanbriggs commented

jonathanbriggs — Sun, 07 Sep 2008 13:46:33 +0000

Let me add my vote for JotForm; implemented very quickly yesterday and fully meeting my needs for newsletter signup and trade enquiries.

Jonathan

Olu commented

Olu — Sun, 07 Sep 2008 18:14:18 +0000

I use JotForm as well, it is superb. The good news is – it is free if u receive less than 100 enquiries per month.

Caroline Schnapp commented

Caroline Schnapp — Mon, 08 Sep 2008 00:07:17 +0000

Is their a free captcha, Olu?

The 100 enquiries per month, do they include spam?

Tom Story commented

Tom Story — Mon, 08 Sep 2008 00:38:52 +0000

Personally I like to use http://zoho.com

Their database creator is really sweet. I use it for businesses that need to upload businesses or logos.

Besides sending the inputed info via email, it can also be exported later by excel or pdf.

Zoho actually has a lot of really great tools for free.

Here is an example of one used in Shopify.

http://www.ridgewaycorp.com/pages/about-us

Chelsea commented

Chelsea — Mon, 08 Sep 2008 03:41:39 +0000

I like Jotform too; here it is in use on our site:

http://sleepysheep.ca/pages/contact-us

Jamie commented

Jamie — Mon, 08 Sep 2008 18:35:45 +0000

Is their a free captcha, Olu?The 100 enquiries per month, do they include spam?

There is a captcha. I have not had any clients who have gotten significant spam. They my have ironports or spam assassin. They also allow up to 10mb uploads through the form as well.

Caroline Schnapp commented

Caroline Schnapp — Mon, 08 Sep 2008 19:23:45 +0000

That’s great Jamie.

I looked at a service a few months ago, can’t remember the name… and the captcha was part of their pay plans only… and they were not using any spam deterrent for their free plan, simply disabling the form after x number of submissions in the month, spam or no spam. Major gotcha. You got to read the fine prints.

(And that website looked like crap.)

Olu commented

Olu — Mon, 08 Sep 2008 19:46:48 +0000

@ Caroline,
Sorry, I haven’t check back so soon.
You are right, the 100 submissions is irrespective of whether it is spam or no spam or just testing or genuine enquiries.

JotForm supports all standard web form field types. In addition, it allows you to use new and intuitive fields in your form such as Date Time Picker, Star Ratings, or CAPTCHA checks. Using JotForm, you can create any kind of web form.

Cheers.

Paintless commented

Paintless — Mon, 15 Dec 2008 04:25:04 +0000

Hi everyone.

I have just signed up for Jotform as after reviewing all of the different ones listed on this blog (formspring, wufoo, formassembly, etc) Jotform seems to be the best for allowing yoru to create ANY form with ANY info gathering aspects plus allows you you let customers upload photos and such plus the capche codes are all free too. Very nice for the price.

Anyway, I have uploaded the code to my contact us page but the form has a huge amount of space that is empty above it. I am not super great with knowing how to fix this type of stuff and was wondering if anyone can tell me what I’m missing to make this look better.

Thanks so much
http://paintlessdesign.com/pages/contact-us

Leah

UPDATE

I guess I take it all back. I have tried submitting on my form multiple times but it keeps telling me I failed the spam check so it’s not really working.

If anyone can help me out I would totally appreciate it

Caroline Schnapp commented

Caroline Schnapp — Mon, 15 Dec 2008 04:43:13 +0000

You have a bunch of <br /> that create that space.

You my want to put the content of this page between these tags (in your admin area, where you edit that particular page):

Or add this CSS to style.css:

#page .article br {
  display: none;
}

Paintless commented

Paintless — Mon, 15 Dec 2008 04:49:37 +0000

Wow, thanks for the snippet of code. It totally worked. Now I just need the spam blocker to let messages through and it will be perfect

Paintless commented

Paintless — Tue, 16 Dec 2008 03:22:44 +0000

Is anyone else having this problem with jotform? When I make it go live and then submit a test inquiry online it says that it failed the spam check?

Any suggestions on how to fix this?

Jamie commented

Jamie — Tue, 16 Dec 2008 16:46:10 +0000

Are you loading their js code globally or within the form?

You are not escaping textile, or copied and pasted this after textile had been parsed. Your quotes are getting encoded.

><br />validate(&#8220;q_form_83491301151&#8221;);<br />

This whole line of your contact form is screwed up as you can see the quotes have been replaced by their encoded counterpart.

it should be:

validate("q_form_83491301151");

I don’t know why there are br tags in your script, but you don’t need them.

If you are putting this in a blog or page make sure you are wrapping everything in notextile /notextile>

I would start from the source again from jotform. Don’t copy/paste anything you are currently using and just get it fresh.

Paintless commented

Paintless — Wed, 17 Dec 2008 03:13:46 +0000

Thanks for the reply. I grabbed the code straight from jot form and just pasted it into my contact page in Shopify. Here is the link to my contact page. http://paintlessdesign.com/pages/contact-us

When I use the short code of:

<iframe src="http://www.jotform.com/form/83491301151" frameborder="0" 
              style="width:100%; height:640px; border:none;" scrolling="no">
</iframe>

it doesn’t show up at all. All I get is a framed scrolling box that the internet isn’t registering the content at all.

When I copy the long version of the code with all the br tags and such, the form shows up but doesn’t work.

I did as you suggested and redid the whole form and pasted in the whole script again but still, it says that the spam check has failed.

I am totally lost as to why a simple copy paste isn’t working here.

Here is the long version of the code they are giving me and the short version is above.

<script src="http://www.jotform.com/js/form.js?v2.0.796" type="text/javascript"></script>
<style type="text/css">
.tbmain{ 
 /* Changes on the form */
 background: white !important; 
}
.left{
  /* Changes on the form */
  color: black !important; 
  font-family: Verdana !important;
  font-size: 12px !important;
}
.head{
  color:#333333;
  font-size:20px;;
  text-decoration:underline;
  font-family:"Verdana";
}
td.left {
  font-family:"Verdana";
  font-size:12px;
  color:black;
}
.pagebreak{
  font-family:"Verdana";
  font-size:12px;
  color:black;
}
.tbmain{
  height:100%;
  background:white;
}
span.required{
  font-size: 13px !important;
  color: red !important;
}

div.backButton{
    background: transparent url("http://www.jotform.com//images/btn_back.gif") no-repeat scroll 0 0;
    height:16px;
    width:53px;
    float:left;
    margin-bottom:15px;
    padding-right:5px;
}
div.backButton:hover{
    background: transparent url("http://www.jotform.com//images/btn_back_over.gif") no-repeat scroll 0 0;
}
div.backButton:active{
    background: transparent url("http://www.jotform.com//images/btn_back_down.gif") no-repeat scroll 0 0;
}
div.nextButton{
    background: transparent url("http://www.jotform.com//images/btn_next.gif") no-repeat scroll 0 0;
    height:16px;
    width:53px;
    float: left;
    margin-bottom:15px;
    padding-right:5px;
}
div.nextButton:hover{
    background: transparent url("http://www.jotform.com//images/btn_next_over.gif") no-repeat scroll 0 0;
}
div.nextButton:active{
    background: transparent url("http://www.jotform.com//images/btn_next_down.gif") no-repeat scroll 0 0;
}
.pageinfo{
    padding-right:5px;
    margin-bottom:15px;
    float:left;
}

</style> 
<table width="100%" cellpadding="2" cellspacing="0" class="tbmain">
<tr><td class="topleft" width="10" height="10">&nbsp;</td>
<td class="topmid">&nbsp;</td>
<td class="topright" width="10" height="10">&nbsp;</td>
  </tr>
<tr>
<td class="midleft" width="10">&nbsp;&nbsp;&nbsp;</td>
<td class="midmid" valign="top">
<form enctype="multipart/form-data"  action="http://www.jotform.com/submit.php"  method="post" name="q_form_83491301151">
<input type="hidden" name="formID" value="83491301151" />
<div id="main"> 
<div class="pagebreak"> 
<input type="hidden" id="spc" name="spc" value="spc" />
<script type="text/javascript">
   document.getElementById('spc').value = '4f8fdd89a6c30465d5e1f83c2fd5d738';
</script>
<table width="520" cellpadding="5" cellspacing="0">
 <tr >
  <td width="150" class="left" >
   <label >Name <span class="required">*</span></label>
  </td>
  <td class="right" >
   <input type="text" size="20" name="q0_Name" class="text" value="" id="q0"  onblur="validate(this,'Required')"  maxlength="100" maxsize="100" />
  </td>
 </tr>
 <tr >
  <td width="150" class="left" >
   <label >E-mail <span class="required">*</span></label>
  </td>
  <td class="right" >
   <input type="text" size="20" name="q2_Email" class="text" value="" id="q2"  onblur="validate(this,'Required')"  maxlength="100" maxsize="100" />
  </td>
 </tr>
 <tr >
  <td width="150" class="left" >
   <label >Subject <span class="required">*</span></label>
  </td>
  <td class="right" >
   <input type="text" size="20" name="q8_Subject" class="text" value="" id="q8"  onblur="validate(this,'Required')"  maxlength="100" maxsize="100" />
  </td>
 </tr>
 <tr >
  <td width="150" class="left" valign="top"  >
   <label>Inquiry <span class="required">*</span></label>
  </td>
  <td class="right" >
   <textarea cols="30" rows="6" name="q9_Inquiry" class="text" id="q9"  onblur="validate(this,'Required')" ></textarea>
  </td>
 </tr>
 <tr >
  <td width="150" class="left" >
     <label>File Upload (Optional) </label>
  </td>
  <td class="right">
     <input type="file" class="text" size="20" name="q13_FileUploadOptional" id="q13" onmouseover="ddrivetip('Max Size 100(kb) - .doc, .xls, .jpg, .jpeg, .gif, .mpeg, .mp3, .png', 200)" onmouseout='hideddrivetip()'  />
  </td>
 </tr>
 <tr >
  <td colspan="2" class="left" >
   Max Size 200(kb) - .doc, .xls, .jpg, .jpeg, .gif, .mpeg, .mp3, .png
  </td>
 </tr>
 <tr >
  <td colspan="2" class="head" >
   Please Check this Box to Send Your Message
  </td>
 </tr>
 <tr >
  <td width="150" class="left" valign="top" >
   <label>Check Here <span class="required">*</span></label>
  </td>
  <td valign="top" class="right">
   <input type="checkbox"  name="q17_CheckHere[]" class="other" id="q17_0" value="Box"   onblur="validate(this,'Required')"  /> 
    <label class="left">Box</label> <br /> 
  </td>
 </tr>
 <tr >
  <td width="150" class="left" >&nbsp;

  </td>
  <td class="right">
  <input type="submit" class="btn" value="Submit" />
 </td>
 </tr>
</table>
</div>
</div>
</form>
</td>
<td class="midright" width="10">&nbsp;&nbsp;&nbsp;</td>
</tr>
<tr>
 <td class="bottomleft" width="10" height="10">&nbsp;</td>
 <td class="bottommid">&nbsp;</td>
 <td class="bottomright" width="10" height="10">&nbsp;</td>
</tr>
</table>
<script type="text/javascript">
validate("q_form_83491301151");
</script>

I appreciate any help you can offer on this. I want to be able to make a few forms on my site and figured it would be super simple but apparently I am missing something.

http://paintlessdesign.com

Andy Ciordia commented

Andy Ciordia — Thu, 01 Jan 2009 21:38:42 +0000

When you copy their code out the linebreak is interpreted literally.

1. Wrap it in a notextile tag
2. Get rid of any whitespace and join the second line with the first.

That should get you on the right track.

Paintless commented

Paintless — Fri, 02 Jan 2009 07:57:42 +0000

Thank so much but it still isn’t passing the spam check. Has anyone else experienced this problem???

Caroline Schnapp commented

Caroline Schnapp — Fri, 02 Jan 2009 16:22:19 +0000

Use the iframe, Paintless.
Wrap it in a notextile tag.

Caroline Schnapp commented

Caroline Schnapp — Fri, 02 Jan 2009 23:35:11 +0000

Jotform support here

Paintless commented

Paintless — Wed, 07 Jan 2009 05:30:07 +0000

Thanks so much!

Jamie commented

Jamie — Wed, 07 Jan 2009 17:21:08 +0000

Sorry for the lack of follow up I have been out of town for the last week and a half.

I use the table version of the form with some tweaking and notextile tags. In this manner you can use the forms on a page or in an article. The first little script I put in the head section of the site.

<script src="http://www.jotform.com/js/form.js?v2.0.796" type="text/javascript"></script>

The rest goes directly into the article.

-Mark commented

-Mark — Sun, 18 Jan 2009 05:29:04 +0000

I think the issue here is that contact forms are an essential part of a website, particularly in e-commerce. While PHP scripts and mail form services are possible solutions I don’t think it should come down to that.

I don’t believe the alternate PHP enabled server is a bad solution as many of my clients buy hosting plans for Wordpress blogs along with the access to change the CNAME records, among other things.

I don’t want to sound cheap here because I do pay for programming when I get stuck and try my best to scour the Internet for solutions beforehand.

Perhaps, an email service could be added on for $1/month (similar to adding extra HD space) to handle the extra server load with spam and genuine email communication. A service like this could be fully integrated into Shopify admin with send a receive features available from the admin.

Or more simply, a panel to receive, read and subscribe to email feeds, allowing sellers to use their preferred email platform. I recommend Thunderbird or RSS readers since Shopify implements pretty much everything into RSS, which is great.

Another solution would be to simply offer a contact preferences panel similar to the Google Analytics section in the admin, in which you enter email addresses you would like to activate on a contact form (accessible in Blogs/Pages or Preferences?). Then activate this ONE page with a contact form to one email address, or drop-down/select of a list of emails (I know Caroline doesn’t like drop-downs).

Tobi mentioned issues with spam on his website and Jaded Pixel. Since the time of that post we now have, shall I say advanced techniques?

Aside from Akismet, there is always the feature of adding a non-psychedelic human test. I would say my favorite is this plugin for Wordpress (http://green-beast.com/blog/?page_id=71). Very similar to Natalie’s human test.

The form asks… Is Fire Hot or Cold? If you answer Hot, you pass. These tests could be changes manually by simply changing the question and answer in the code. Granted this immediate example is for PHP, but it could be done in Shopify.

My point… contact forms SHOULD be included in shopify some how. Whether it’s by way of a small monthly fee or an oversimplified contact form that just gets the job done. I don’t mind using encrypted mailto’s along with a typed out version of an email address (..at..dot..com) since I actually prefer this method. But customers always want what they want. Something like a contact form, a Shopify store will always go into other systems with extra costs, either for hosting or a monthly service.

Why not capitalize on this need and offer it as a small, very small service. I know the Shopify team is constantly adding new features but I believe if this was done it would put Shopify head and shoulder above any hosted e-commerce system…. if not already!

Mark

Caroline Schnapp commented

Caroline Schnapp — Sun, 18 Jan 2009 12:20:22 +0000

I must say that the functionality and flexibility offered by wufoo where you can build any form you want, and as many as 3 for free, where there’s no CAPTCHA, and where you can apply bulk operations on your form entries… has ceased to make me miss the contact form functionality in Shopify. There’s no way that Shopify can compete with wufoo, neither should it. It’s like asking a restaurant that serves a variety of dishes, from pizza and pasta to roasted chicken and shepherd’s pie to also specialize in sushi. Can you tell I’m hungry?

-Mark commented

-Mark — Mon, 19 Jan 2009 03:45:36 +0000

But is there still an issue with wufoo loading time? and the banner redirection on the free forms?

I understand that you pay an accountant because that’s what their good at but a simple contact form is not out of the scope of Shopify since most e-commerce solutions have contact forms or the templates themselves do.

If Tobi mentioned that they initially had contact forms included before public release… then why not include it two years later?

All I’m saying is that it would add value to Shopify. This would implicitly help Shopify (with complications of expense/revenue justifications) and increase the likelihood Shopify developers convince their clients in using Shopify (and therefore get an affiliate connection).

Im not comlaining… and Caroline, there are other solutions. BUT, your telling me that a contact form, while not essential but nearly a norm, is out of the scope of a hosted e-commerce solution? I would rather PAY for the feature through Shopify than use a free service through wufoo… as it would probably be better integrated with the rest of the admin.

Not to mention, some clients don’t like to remember one more user/password login. I’m already recommending 2-6 different services for a typical project.

I could go for some edamame, tea and sushi right now.

Caroline Schnapp commented

Caroline Schnapp — Mon, 19 Jan 2009 16:05:36 +0000

Shopify is too cheap. It already offers too much for what it costs.

-Mark commented

-Mark — Mon, 19 Jan 2009 17:32:44 +0000

True. Point taken.

Purple Unicorn commented

Purple Unicorn — Wed, 21 Jan 2009 17:43:40 +0000

I would like to add a contact form-type capability where customers can request products that are not currently available in my shop. Kind of a wish list, I guess.

I get a lot of requests for items similar to what I have in stock, and would like to be able to compile a list of customer wanteds.

Any recommendations on a quick and easy way to implement this?

TIA,

Caroline Schnapp commented

Caroline Schnapp — Wed, 21 Jan 2009 17:46:28 +0000

Wholeheartedly: wufoo.

mikulla commented

mikulla — Wed, 25 Feb 2009 02:20:20 +0000

A contact form would be simple to integrate from a development standpoint and should be standard. Believe me, I work with guys that would have it solved and integrated in 10 minutes.

However, I do understand that there are priorities when running something like shopify.

Morning Copy commented

Morning Copy — Tue, 18 Aug 2009 10:00:08 +0000

Has anyone tried styling a Google Docs form for their contact form?

We have a quick How to on our site: http://www.morningcopy.com.au/news/how-to-style-google-forms/

The tutorial shows you how to change the styling so it suits your site and replaces the Google confirmation page with a page of your choosing!

Best of all you get all the functionality of Google Forms!

Jamie commented

Jamie — Tue, 18 Aug 2009 12:42:33 +0000

Great info thanks for posting!

odoturgeon commented

odoturgeon — Wed, 07 Oct 2009 04:01:56 +0000

Those links are great help. Thanks everyone! I was thinking of the same thing, thank you for bringing up this wonderful ideas.

The Dwarf commented

The Dwarf — Thu, 08 Oct 2009 04:04:30 +0000

Thanks for the suggestions. I just added a wufu contact form as a trial. They have some seriously fantastic software behind their web site. The only thing that bugs me is that you have to pay to have the customer re-directed back to your web site. I would gladly pay a couple bucks a month for the re-direct without any of the other features in the 10/moth plan... oh well.

poindexter commented

poindexter — Sun, 06 Dec 2009 18:43:45 +0000

I really hope that Shopify will develop a contact form. I am testing Shopify know and think it works great, but the contact form is a "must have" as mentioned above.

Of course I can use another paid service or "mailto:info@mydomain.com". Unfortunately the first option would be difficult to integrate on productpages so visitors can contact me if they have more questions about a product. The "mailto" won't work on a computer without an email client installed and has some other big disadvantages (SPAM for example).

When Shopify is a real one-stop-shop for my webshop it would have a contact form. I think every webshop owner would like to interact with there people in an easy way.

michaelgoodman commented

michaelgoodman — Thu, 07 Jan 2010 20:19:25 +0000

Necro post:
It looks like Wufoo(http://wufoo.com/) charges after 100 emails. Anyone know what happens after 100 messages are sent? It says:
On FREE accounts, forms will be deactivated once they have exceeded the maximum number of entries allowed for a given month.

So will it serve up a 404 or something?

How unprofessional will it look for a web-store if the contact page is made up of a 404?

Jamie commented

Jamie — Thu, 07 Jan 2010 22:55:46 +0000

You can always host a contact form scrip on another server if you don't want to pay the $9 monthly fee too I have several client who have done this.