Skip to main content
Customize your landing page

Attract new members with our in-app landing page builder. Learn how to use it here.

Shelby Baldwin avatar
Written by Shelby Baldwin
Updated over a year ago

Note: We use "Program" and "Member" as label-agnostic terms to refer to any marketing you are using Buzzbassador to facilitate, whether you refer to it as an affiliate program, influencer marketing, ambassador program, referral program, creator partnerships, brand reps, partner program, etc.

The Buzzbassador landing page is one of the most important parts of your program structure--it's how you can direct traffic to your application form and gain new program applicants!

There are multiple landing page templates you can choose from to help you get started. **Keep in mind, you can always build your page from scratch. The templates are just there for assistance and to give you an idea of a layout to go with.

How to build your landing page (using a template)

1. Open the landing page editor

Open the "Landing Page" page from your left-side menu (Recruit tab), and then click the "Create New Page" button at the top right to open the page builder.

2. Select a Template

The easiest way to build your landing page is to start with one of our pre-built templates! Click the "Templates" button at the top right of the editor screen to begin.

Once there, you will see a variety of templates to choose from. You can preview each one to get a feel for how the template is laid out by clicking the "Preview" button. Once you decide on a template, click "Use" to get started.

3. Set a page title

Make sure to type a page title in the field at the top left of your screen! For example, you could call your page "Apply to our Program". This is only for internal use, so your members won't see it.

Now that you have opened a template, you will need to start editing! Let's go over each of the elements in the editor so you know your way around.

Step 4: Edit the landing page

In the main editing panel within the Buzzbassador landing page editor, you'll see four tabs. We go over each one in detail below:

Content Tab

The top tab in the editing panel is the Content tab. This is where you find the main elements that you can drag and drop into your landing page. Each element is explained below:

1. Columns

This is an element you can drag and drop to split up your screen area into columns, which you can then drag other elements into. You can customize the number of columns, the background color or background image, the padding/border size, and more from the editing panel once this element is added to your page and selected.

2. Button

This is the element you will drag and drop whenever you want to add a button to your page. When this element is added and selected, you can edit the URL the button directs to, the button's background and hover color, width, size, alignment, padding, and more.

3. Divider

You can drag this element into your page if you want to add a sleek line to divide your content. If you add it to your page and select it, from within the editing panel you will be able to edit its width, line style, alignment, padding, color, and more.

4. HTML

This element is for the pro's out there. You can use it to add your own custom HTML anywhere on your landing page. Complete editing freedom!

5. Image

This element is pretty straight forward: just drag and drop it into your page to add your own image! Once the image element is added to your page and selected, you can upload your image, size it, apply effects, link it to an external URL, and more.

6. Menu

This element is for if you want to add a site menu to the top of your landing page. Since your landing page is just one page (and also can be integrated with your Shopify site, therefore showing your regular site menu), you most likely won't use this element much. But it's there if you ever need it! You can customize the font, color, layout, sizing, and more.

7. Social

This element gives you a way to link your social media accounts directly to your landing page! You can customize which social platforms you include, and even what the icons look like.

8. Text

Another straightforward element, this is just the element you add to implement text into your landing page. You can edit the color, font, alignment, spacing, padding, and more-- all from the editing panel on the right side of the screen.

9. Video

Lastly, this element gives you a way to add a video to your landing page. You can link one from an existing URL (i.e. YouTube), or even upload a video file.

Blocks Tab

This tab is where you can go to add columns to your page to organize your content. It's similar to the Columns element (#1 on the list above), but its own tab with more customizable options.

Body Tab

The body tab is where you can edit the entire content area of your landing page. Instead of working with specific elements or sections, this tab of the editing panel applies to the entire page. You can change the width of the page, the background color/image, and more.

Images

The images tab is where you can pull free stock images that are not copyrighted and royalty-free (meaning you have permission from the photographer/models to use them for free)! The images are pulled from sites like Unsplash, Pexels, and Pixabay. If you're lacking some images of your own to use on your page, this is a great resource to use!

Top Toolbar

The toolbar at the top displays a preview button, a device-responsive switch (mobile vs. desktop view), and undo and redo buttons. The preview button will also let you preview the landing page in both mobile and desktop versions.

Speaking of various screen sizes, you may need to occasionally edit something differently for mobile vs. desktop screens. Make sure to check out this article if you need help with that!

Step 5: Remove the Buzzbassador branding (optional)

If you are on the Launch ($39 per month) plan of Buzzbassador, you will notice that at the bottom of your landing page there is a "Powered by Buzzbassador" logo. Want to remove this branding? You can remove our Buzzbassador branding from your landing page, emails, and application form by simply upgrading to any of our higher pricing plans. Learn more about our pricing options here. To upgrade, simply go to Settings > Account Settings and in the Billing section, click "Change Plan".

And with that, you should have all the information you need to customize your landing page! Keep in mind that all these same steps apply if you'd like to build your landing page from scratch without using a template :)

Step 6: Save Your Changes

You can only have one live/active page at a time. However, you can create as many draft pages as you'd like. To save your new page as a draft, click the yellow "Save Draft" button at the top. To publish your new page, causing it to become your one and only live/active page click the purple gradient "Publish" button at the top.


If you need any further help, please don't hesitate to send us a chat at the bottom right corner of your app screen, or email us at [email protected].

Did this answer your question?