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 🤓
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).
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 ✅
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 ⬇️
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.
Here you can also remove fields that are not needed for participation in your contest, such as address or make some fields mandatory/optional 🤔
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.
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.
This is what you'll see when you are going to upload your photo.
⚠️ 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.
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: