Tutorial | How to Create a Gift Registry with Squarespace
Gift registries are all the rage in the photography community right now. I've seen them popping up all over the place, and while many people have already created them, lots more are also wondering "How?" Personally, I am a birth photographer, and birth photography is a luxury that many can not afford or forget to budget for. My registry is tailored to my birth clients, but this could easily be offered to any type of client – wedding, newborn, or even family.
Take a look at my gift registry here: https://austinbirthphotos.com/gift-registry/ (Link opens in new tab)
In this tutorial, I'm going to take you through the step-by-step process of creating a new registry from scratch in Squarespace! This can easily be done in Wordpress as well... you should be able to adapt it without much issue, the bulk of the process will be the same, but building each of the pages and adding buttons will be a little different. Let me know if you have any questions, I may be able to help since it hasn't been too long since I switched from Wordpress myself.
Anyway... let's get right into it!
creating a gift registry in squarespace 7
Step 1: Create a Landing Page for your Registry
In your Squarespace dashboard, click on "Pages":
Click to add your page, either in the navigation, if you want visitors to your website to be able to find it easily; or under "Not Linked", if you want to send the direct link to your clients at a specific point in your booking process:
Select the type of page you would like to create... there are two different ways to go about this, and each offers different features.
If you choose a regular "Page", your website navigation will be at the top of the page. You can add a photo, a welcome message, and a couple of button blocks for your content. An example of a registry created with a regular page can be found here: http://www.vanessamendezphotography.com/birth-registry/
If you choose a "Cover Page", the navigation bar will not be present, and you will be able to add a full screen photo or video background. A pop-up form will be included in the template, taking care of one of the steps for you. My registry was created with a "Cover Page" template.
Title your new page. I called mine "Gift Registry" but yours could be "Birth Registry", "Photography Registry" or even just "Registry" - up to you.
For the rest of the landing page tutorial, I will show you how to customize a "Cover Page" template. If you're using a regular page, you'll just select the blocks you need or want to add in order to include the same sort of content.
One you title your new page, you'll be able to select the "Cover Page" template you'd like to use. Here, I've selected the second option:
Once you choose a template, you'll work through each of the following tabs to customize the page:
In the "Branding & Text" tab, you'll fill in the information for the bulk of the pages content. Upload a logo or type in your business name in the first section, title your registry in the second section, and type out your welcome message in the last part, as seen here:
In the "Media" section, you will upload your background image(s). If you upload more than one image, they will transition in the background like a slideshow. If you want to use a video background, you will enter the YouTube or Vimeo link to the video you want to use in the "Video" tab. If you prefer a solid background, select "None". For the purpose of this tutorial, I have uploaded one static image to use for the background:
The "Action" tab requires some important changes. The built-in "Contact" button becomes my link to the example listing. I already had an example listing built, so I linked it here, but at this point in the process yours is probably not yet created. Change the title for this button to something like "See an Example Listing", or whatever you want it to read, and don't forget to come back with the link for the page you create. Under form, you will put "Request a Listing", then click on "Edit Form":
Once you hit "Edit Form" you'll see the following screen, where you can begin building the request form. What you enter into "Form Name" will become part of the title for the email that you receive when a form is submitted. Add fields using the "+" on the left side. The fileds that I included on my form are:
- Mother/Mom's Name
- Dad/Spouse/Partner's Name
- Due Date
- What services they would like to add to their registry, and the value of each
- Do you have photos you would like to include? (Along with a note including my email address to send the photos)
- Text area for them to write a "Welcome Message" to their friends and family, that will show on the listing page.
You can add more or less fields as needed for your vision.
Once you are done building your form and customizing the text for each field, don't forget to click on "Storage" so that you can ensure that you get notification when a form is completed. I entered my email address so that all the forms will be sent to my inbox. Then click "Connect" and click "Save":
The next tab is for "Social Icons", where you can turn on or off social links, and the last is for "Style" where you can make adjustments to the way the page looks, if you want.
Once you've made any changes you want to there, your landing page is complete and you're ready to move on to....
Step 2: create an example registry listing
Back in the pages view, click on the "+" next to "NOT LINKED", and this time you'll add just a regular blank page.
Create a title for your page – I like to use the client's name and registry type, since there may, in the future, be multiple active pages like this. Then select a template, I just started with a blank page but the "About 2" template is a good one to start with as well. Then click on "Start Editing":
Start building your page! I have labeled all of the blocks that I've added here. Drag and drop to rearrange them (as I did to put the image and text side by side). Enter your clients "Welcome Message", along with whatever else you'd like to include. I used the carousel block for the images that were provided by my client, but you could use a different gallery block as well.
I used a header to show the percentage of investment that has been covered, and manually update that for my clients as gifts are received. This is optional and requires additional work on your end in keeping up with it, but I do like the way that it looks and it keeps all sides well-informed.
Hover over the button to customize the title of your button and add your link.
I created a variable payment button in PayPal, so that my clients can enter any amount they wish to contribute, there are no pre-set values. I titled my button "Contribute Here!" and then added the link to the PayPal form in the URL.
TUTORIAL | CREATING A PAYPAL VARIABLE PAYMENT BUTTON IN SQUARESPACE
I have also seen people use the "Donation" block as well... you must have a Stripe account in order to set it up this way. See this Squarespace Help Topic if you're interested in using the donation block.
Once all of your content blocks have been added to your example listing, and you've set up a link of some kind where people can successfully send money, you'll want to complete...
Step 3: Add the link to your example listing to the registry landing page
Go back to your new landing page, click on the "Action" tab, and under "Buttons" click next to "See An Example Listing" (the button you created earlier", and choose the example listing page you just finished creating under the "Content" tab. ("Content" shows all of the pages created for your site. These are basically all the internal links, so you don't have to copy paste links for your own site, just find the page you want to link to.)
Once your example listing page is linked, your gift registry is complete! Test all your links and fill out your form to make sure you receive a copy in your inbox. Now your clients can enjoy added flexibility in paying for your services. Congratulations!