All Collections
LoudCrowd Platform
Programs
How to build an ambassador program landing page with PageFly
How to build an ambassador program landing page with PageFly

Create a landing page that your ambassadors can sign up through, using PageFly and without web development skills

Al Nafea avatar
Written by Al Nafea
Updated over a week ago

PageFly enables Shopify brands to create eComm landing pages without web development knowledge. LoudCrowd has created PageFly templates that any brand can use for their ambassador / affiliate program sign-ups. Follow the steps below to get you landing page up and running in ~1 hour.

Prerequisites:

  • The PageFly application is installed on your Shopify store

  • Branded assets to customize the landing page

Adding the LoudCrowd Ambassador Landing Page Template

  1. View and select the LoudCrowd PageFly template that you would like to use.

    1. Template A (example, example)

    2. Template B (example, example)

    3. Template C (example)

  2. Download the PageFly template file of the version that you'd like to use.

  3. Login to your PageFly account, navigate to Pages, and hit import. Upload the .pagefly file from the prior step.

    Note: Original images from the template will not populate

Adding the LoudCrowd sign-up button

For each ambassador program landing page, you'll need to include the LoudCrowd powered sign-up button. This will funnel all sign-ups into the LoudCrowd platform. To customize the sign up button color, description, and add the button, follow these steps:

  1. Login to the platform, navigate to the program tab, select "edit embed script" on the left hand side of the page.

  2. Proceed to customize with HEX color. Additionally, you can add a description for your program that will display under the title of your program.

  3. Once customized, copy the updated embed script.

  4. Navigate back to your PageFly landing page and select the HTML/LIQUID layer in the editor. Copy in the code into the pop-up

    Note: In order to see the button - you'll need to preview the page.

    Note: Further customizations of the sign-up button will require custom code. Consult a LoudCrowd Client Strategist for additional assistance.

After you complete your customizations, you can publish the landing page from PageFly. We recommend testing the landing page with a sign-up and confirming that your test account is now in the program. Congrats!

Frequently Asked Questions:

How do I add additional fields to the sign-up modal?

Yes, a LoudCrowd Client Strategist can help you set up custom fields for the sign-up modal. Please follow these guidelines.

Can I make additional customizations?

While we recommend sticking to the templates - PageFly makes it easy for anyone to add new sections, without any code.

What if I need additional assistance?

Contact a LoudCrowd Client Strategist, [email protected] or the native PageFly help chatbot.

Did this answer your question?