Embedding Light Blue’s forms on your website

Introduction

One of Light Blue’s strengths is that everything that you need to know about your shoots & clients is in one place. It’s really easy to start gathering that information as soon as your prospective customer gets in touch by installing Light Blue’s forms on your website.

When someone fills out your form, you’ll get a notification in Light Blue, and you’ll be able to create new a new enquiry without having to re-type or copy & paste anything.

We’ve got another tutorial which covers setting up forms and how all the different fields work, so I’m going to assume that you’ve already got some forms set up. This tutorial focusses on embedding those forms on your website for new clients to fill out.

Types of form

Your form can appear to your site visitor in one of three ways.

Popup

Firstly as a ‘popup’ dialog. This means that your client doesn’t even leave the page that they’re viewing, and stays on your website. It’s a really good way of adding a call to action to any page on your site.

Embedded

By embedding the form into a page on your site, the form will sit within your website’s design and your client won’t leave your website. This is really useful for your ‘contact me’ page, or a landing page for a particular marketing campaign.

Simple Link

Finally, by adding a link to the form to a page on your site, your client will be taken to your customisable Light Blue client portal. This is the most basic option, which enables you to use Light Blue’s forms even if your website doesn’t allow you to install our forms by the other methods.

Copy code

In order to install one of your Light Blue forms into your website, you need to go to the Form Templates preferences pane and click on the “Install Form in your website” button. You can choose which type of form you’d like to install, from the options I mentioned earlier. I’m going to choose an embedded form.

When I click that button, some special HTML code is copied onto my computers clipboard, ready for me to paste into the right part of my website. Whenever I make changes to the form template in Light Blue, for example adding or removing fields, the form will be automatically updated wherever it’s already installed.

Depending on what sort of website you own, the approach to pasting the code into your site varies slightly. I’m going to run through three of the most common options now.

WordPress

For a WordPress site, installing your Light Blue forms is really easy. I’ve got a page on my site, which I’d like to install my form in, and I’m viewing it in the Text View – that’s important.

I find the place in the page where I’d like my form to appear, and then I’ll paste the code that I copied from Light Blue earlier. That’s it! 

Widget area

You can also paste Light Blue’s form code into a text field of a widget area. That’s particularly useful for a popup form, so I’ll paste that code in here. You can see that the form button now appears in the widget area, and the form pops up when I click on that.

Squarespace

Installing Light Blue’s forms in a Squarespace site is also simple. Here I have a page where I’d like my form to appear, and I’ve chosen to edit the page, and add an Embed Block. There’s a small code icon that I can click on, which reveals a larger area where I can paste my code from Light Blue. Once I’ve saved those changes, the form appears on my site.

Zenfolio

I can add also Light Blue’s forms to a page on a Zenfolio site in a few simple steps. When I edit a page, I can click on the embed button, which allows me to paste the code that I copied from Light Blue earlier. When I save those changes, my Light Blue form appears within my Zenfolio website.

Public Form submitted email

When a form has been submitted by a visitor to your site, Light Blue can send an automatic email to the main contact who filled out the form. This is really useful as a first response to that enquiry, acknowledging to your potential customer that you’ve received their enquiry and that you’ll be back in touch shortly.

Advanced Options

Back in the Form Templates preferences pane in Light Blue, you’ll see a few more options available for your forms.

Branding

Light Blue allows you to use different branding for different parts of your business, for example you may use different colour schemes and fonts for your corporate photography and your newborn work. There’s another tutorial which covers that in detail, but you can choose which of your brands you wish to use for this form, here.

Thank you page URL

When your customer fills out your form, it’s possible to direct them to a specific page on your site. If you leave this blank, we’ll display a simple thank you message, instead.

Submit button text

Finally, you may want to change the wording on the submit button for your form, and here’s the place to do that.

Summary

There’s an overview of how to install Light Blue’s forms on your own website. To recap, all you need to do is set up your form in Light Blue’s form preferences, copy the code, then paste it into the right part of your site. That’s it.

Was this article helpful?
0 out of 5 stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
How can we improve this article?
Table of Contents