Landing page for a photo contest on your own domain

Voucherify offers six different landing pages templates that are highly customizable and may be used for a variety of goals. 

Today, we are going to learn how to use a simple landing page to host a photo contest about sharing photos of best memories to win a trip to New York for twoπŸ—½What's even better is that we are going to release the page on our own private domain πŸ€© 

What are we going to do? πŸ€”

  • Set up a custom domain to host a landing page.
  • Add image metadata to use it later on in the form of our landing page.
  • Design the landing page for the photo contest
  • Connect the landing page to our new domain.

What do you need? πŸ€”

  • An SSL Certificate.

Set up your domain πŸ”§

Visit this article for a detailed guide ⬅️

To start, visit your Project Settings and go to the Custom Domains tab.

In order to add a new domain, you will need several things: a domain name, private key, certificate, and a certificate chain.

You can ask your IT services provider for this data πŸ€“

Creating a custom domain

After providing these details, proceed to set up the DNS Configuration (first download it) to allow users to find your domain and establish the target resource of your landing page (i.e. what should the landing page show).

Configuring own domain

Well done πŸ€— You've just set up your own domain. 

If you've come across any obstacles during the process, contact your IT Department or get back directly to us

Create image metadata to host a photo contest πŸ“Έ

Visit this tutorial to learn more about metadata ⬅️

In order to add new metadata, go to Project Settings β†’ Metadata Schema β†’ Publication or Customer tab β†’ Edit Metadata Schema.

Add a new property ( photo) and choose its type (image URL).

Click Add Property Definition and hit Save to confirm βœ…

Adding new metadata for image property

Design a new landing page πŸ–οΈ

Go to Landing Pages tab β†’ Create a Landing Page (plus).

Select the templates that you'd like to choose. Let's go with Collect Subscribers β¬‡οΈ

Choosing the landing page template

Start designing your page. Go here to learn more details ⬅️

After designing the logo and banner, move on to the Form Section and then Fields to add a new field image to our form.

Landing Page Form section

Here you can also remove fields that are not needed for participation in your contest, such as address or make some fields mandatory/optional πŸ€”

Adding a new field for image

Let's add photo metadata that we've created in the previous step and let's make it mandatory because we don't want users joining our program without uploading a photo.

Photo field in the form

Finish designing the landing page by modifying social follows CTAs and marketing permissions

Then Save & Exit to confirm the landing page creation βœ… 

Now let's connect it with our custom domain. 

Connect landing page to your domain πŸ”—

Go to Details β†’ Releases β†’ Publish.

Publishing landing page

Type in your desired alias and hit Launch πŸš€

New landing page on custom domain

This is what you'll see when you are going to upload your photo.  

Photo Upload

⚠️  Note that uploaded images should not be bigger than 15 MB. 

After the upload is finished you are going to receive a notification about either successful or failed upload. 

Successful photo upload

Failed photo upload

Good job! πŸ₯³ Now you can run campaigns based on photos with your own landing page and custom domain. 

Visit our blog to learn more about landing pages:
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.