How to Get Started with PodSpout [The Complete Guide] - PodSpout

How to Get Started with PodSpout [The Complete Guide]

How to Get Started with PodSpout [The Complete Guide]

Table of Contents

1. Creating your account

2. Setting up your project space

3. Creating your first #podspout page

4. Welcome to the page editor

5. Adjusting your page settings

6. Editing your page content

7. Viewing your statistics

8. Using the QR code feature

9. Creating a shortened, trackable link


1. Creating your account

As with every platform, the first thing you need to do is create an account. After you land on the homepage, click “Create free account.”

On the registration page, you will have to provide the following details: full name, email address, and password. Complete the captcha text, agree with the Terms and Conditions, and you’re good to go, click on “Agree & Create Account.”

Almost there…

There’s one more step you need to take before accessing the platform; you need to confirm your account. Check your inbox, where you will find an email from PodSpout like the one below. Please, click “Activate your account.”

You’re in!

Great job! Now you’re inside the platform, ready to start working on your landing page.

2. Setting up your project space

Go to “Create Project” on the right, name your first podcast, and then click “Create.”

Once you’ve created your project space, you can create your links and podspout pages.

We’ve called our project space “My first podcast” in this example. Next, you have the option to create a custom link or a Podspout page.

We’ll start by creating our #podspout page since this is the our main podcast promotion tool.

3. Creating your first #podspout page

Click “Create” and select “Podspout Page” from the options.

In this step, you can create your personalized URL. No need to overthink it, you can always come back and change it to something better. After you decide on the URL, just click “Create PodSpout Page” to advance to the next step.

4. Welcome to the page editor 🥳️

OK, you’ve made it to the editor now. This is where the magic really happens!

You’ll notice that the editor has two main sections, the “Settings” and the “Links”. Your page builder will open to the Settings area by default, as you can see where “Settings” is highlighted in purple.

Both areas are set up the same way:

On the left, you have all the options available for building and customizing your landing page, while on the right you have the live preview where you can see the impact of your changes.

Some of them will appear immediately in the preview, while for others, you will have to click “Update” at the bottom of the page. I’ll explain when the update is necessary, but if you’re ever in doubt, there’s no harm in just clicking the Update button to make sure all changes on your page are active.

5. Adjusting your page settings

Within the Settings editor, you can edit the following:

  • Short URL – the same one you created in the previous step, can be changed anytime from here.
  • Title – this is the big text on top of the page, as you can see on the right.
  • Description – this is the part that appears right under the title.
  • Text color – it will change for all the text on the page.
  • Background type – this has different settings; we will show each one below.

Verified account checkmark

There’s also an ON/OFF button called “Display Verified Checkmark” that adds the small icon at the end of the title. This is one of the options that require a click on “Update” at the end of the page to appear in the preview and is only available in our paid plans.

Setting your background

Next, let’s have a look at the background options. The first one is “Custom Gradient,” where you need to select two colors to create the gradient effect.

You also have the option to add a custom image as background. You need to be careful because this will affect the entire page, so make sure that all the elements are visible.

The last option is the “Preset” one, which shows your premade backgrounds. Pick one that you like and off you go. Easy peasy.

Branding

You’re all done with the first section, the basics. Next is the “Branding” section that has three elements. The first one, “Display Branding,” which is an ON/OFF toggle that adds the brand name at the end of the page.

Here is how it looks like if you turn it off.

If you leave it ON, you can customize it by adding your text in the “Branding Name” field and link this to a URL of your choice. This is available in our Premium and Agency packages and can be a great place for additional branding or sponsor links.

Analytics Integrations

In the next section, “Analytics,” you have the option to add the Google Analytics ID and Facebook pixel. Google Analytics will help you track visitors and their actions on the page, while Facebook pixel will transform your traffic into an audience that you can use in marketing campaigns.

SEO Settings

The “SEO” section gives you the possibility to edit the page title and its meta description, so it aligns with the rest of your SEO efforts.

The example below has “The only podcast in EduMarketing” as a title. You’ll be able to see it show up in the tab title in a couple of minutes.

UTM Parameters

The “UTM Parameters” section gives you the possibility to add two of the most important UTMs (medium and source) to all the links on this page. That way, you can better track your visitors and see just what happens at every stage of a sales funnel.

Social Media

Under “Socials,” you find every big social media platform. Just fill in your details for the platforms you’re active on.

Once you add information in a field, the icons for those particular social media platforms appear in the preview. In the example below, we added an email, a telephone number, a WhatsApp number, Facebook, and Instagram pages. On the right, you can see the icon for each platform. You decide the color of the icons by using the option above the Email field, called “Buttons Color.”

Font

Last but not least, you have the option to change the font. There are four fonts available in the dropdown menu, press “Update” after you select a new one. Below you can see an example using the “Lato” font.

For this one, we used the “Inconsolata” font.

Now that we’ve got our page settings completed, let’s check out what it looks like so far. At the top, you can either click on the URL or use the icon next to it to copy the link and then paste it in a new tab.

Checking it all out

Here is how the page appears in a desktop browser. At the top, in the tab, you can see that the title we saved in the “SEO” section now appears in the “Title” field of your page.

Now the Google crawlers will get this extra info when they find your page in their travels and know what your page is about. This helps more people see your page when they’re searching for information about your topic!

If you hover your mouse over the link at the bottom of the screen, you will see the full URL, including the UTM tracking parameters we added earlier.

6. Editing your page content

OK, now we’re going to move on to edit the page and see some of the fun things we can do with adding links, text, and some of our embed options to include instant plays and views of your podcasts and videos.

Above the options on the left, you’ll see a “Create” button. Clicking this allows you to add more sections to the page you’re creating.

Adding custom link buttons

The first option gives you the possibility to add a custom link, which will create a button on your page that has the URL as a hyperlink. 

To get a better view of the page building options, let’s switch over to the “Links” area.

Now on the right you’ll be able to see all the additional sections you added to the page using the “Create” button. For now, you can only see the two links, but the list will grow as we continue to add more to the page.

You’ll notice that at the moment, both links and their corresponding buttons have the same title, but one is pointing toward the PodSpout domain and the other to a custom domain.

We’ll be clicking those 3 little dots on the right side of the link box to edit this a little later on in this tutorial. For now, though, we’ll just place all of our elements on the page before moving on.

Adding text to your page

The second option under the “Create” button is “Text.” You will see a pop-up asking for a title and a description; once you add those, click “Add Block” and the information will appear on the page.

You can see that the “Text” section shows up under the “Links” tab, and the title and description are visible on the right.

Moving page elements

If you want, you can easily change the position of a section on the page. Click on the icon on the left and then drag and drop it to its new location.

The “Text” section we just created is now the first one on the page and is visible under the live preview on the right.

Embedding audio and video players

Going back to the “Create” button, the next options are a quick and easy way to embed audio and video hosted on another website, like SoundCloud, in this example.

Embedding your podcast with SoundCloud is super easy. Just paste the URL from SoundCloud and click on “Add Podcast.”

Once you click “Add Podcast,” the new SoundCloud section will be listed on the left. On the right you’ll see a live preview of the embedded podcast player with the podcast you just added.

Adding a YouTube video

You can also embed a Youtube video using the same steps, click on “Create,” and select the YouTube option. Paste the video URL, and you’re good to go.

Embedding your podcast with a Spotify player

Last but not least, let’s have a quick look at embedding something from Spotify. Identical to the examples above, you need to click on “Create” and then select “Spotify” from the list.

The pop-up you already know will appear once again and you will have to paste the URL and click on “Add Podcast.”

This image has an empty alt attribute; its file name is 2yOZxYY5LgkYhLoWL51iigyM8ciQbbapP2_-P-kL1dPIkb8LsU63FPwS_4E5QC4MQ4HDEpvnAdAN_dBTXqugBlSqHDndmdXEjXWnaBTXOxGltAY0wmT8ZX9xrMnvUwS9p5wqjCw

Spotify is now one of the sections available on the page and you can also see it in the live preview.

The rest of the options available – Twitch, Vimeo, and TikTok, use the same method where you add the URL, and it will automatically embed it on the page.

Link Customization Options

Before we move on, let’s have a look at how you edit your custom links and their buttons. With any existing link, you can click the three dots at the end of the row to open some additional options.

You can make changes to multiple aspects of this element. The “Destination URL” and “Name” fields are the same ones you saw when adding it to the page.

Link scheduling options

Next, there’s the “Schedule” option, which allows you to schedule a specific time period for your link to be active. Toggle the switch to the “on” position to access the calendar for link scheduling.

Main button customization options

There are also a number of options for customizing your buttons:

  • Icon – gives you the ability to add an icon from FontAwesome on the button.
  • Text color – like the name suggests, you can make this text a different color than the rest on the page.
  • Background – it represents the button color.
  • Outline – if you switch it on, only the border of the button will remain visible, the rest will be transparent.
  • Border radius – there are three options to choose from: “Rounded” – the one selected in the print screen below, “Round,” and “Straight.” The latter will create a button with straight angles, while “Round” will make the corners a little rounded.
  • Animation – last but not least, you can add an animation to the button if you want to draw people’s attention to it. There are eight premade effects; you can select one from the dropdown menu.

Viewing individual link clicks

When you click on the three dots at the end of the row, you also have a “Statistics” option. Let’s explore that now.

You are now on the link statistics page where you have more information about the usage of your link and the people that clicked on it.

On the top right corner, you can change the period of the report. It contains the number of impressions and clicks on the link, along with information about the users who performed the actions. The data is available in the table at the bottom of the page, and you can filter it by different categories like Referrers, Countries, or Devices.

Duplicating a button

Going back to your link settings , there is another option available once you click on the three dots at the end of the row. It is called “duplicate,” and the name is quite obvious, as it does exactly what it says.

You will get a new element that is identical to the duplicated one, including settings like border radius or colors.

Temporarily deactivating an unused link

You can also temporarily deactivate a particular section by clicking on the three dots at the end of the row and then on “Switch Status.”

This image has an empty alt attribute; its file name is WkCzm9p8umwJaFi8ADS_UPQ3OOlfcXUb4tLPWdAzClVAZB7Rf1QpNY0jtU4ef8jXFl66KUx1esgW53AgdT5oFRJrwh7L6av2aFB3tke2uG7-q1pE-xOyLt3ZXXk05XliwJ-ruzo

You can see how the SoundCloud section has a grey background now, showing that it’s inactive. It has also disappeared from the live preview.

Editing text title and description colors

If you click on the three dots at the end of the “Text” row, you will see two new options – title color and description color. You can use this to highlight the most relevant texts on the page.

Deleting unused buttons

Now you can revisit those options and select “Delete” to remove one of the elements. A pop-up will appear, and you will have to confirm the action to finish the process.

Adding an email signup form with MailChimp

A different section you can add is the “Sign up form,” which can be easily linked to your Mailchimp account. This will help you grow a list of subscribers eager to receive updates and news about your content.

Click on “Create” and then “Add form” to add the element to the page.

The next step is to set up the form, which looks like this. Let’s go through all the options available:

  • Name – it represents the label of the section, you can add anything here.
  • Icon – you can add a small icon to the button.
  • Text color – if you want to use a different color for the button text.
  • Background color – you can choose a different color for this button.
  • Email placeholder – the text that appears as an example in the signup form; it is visible until the user types in the first character.

The “Outline” toggle will change the design of the button. If you turn it on, the button will become transparent, with only the border visible, as you can see below.

Border radius will also change the design of the button, particularly the aspect of the border which determines how rounded you want it to be. The animation is a great option to draw attention to this element. There are some built-in animations available, so just pick the one you like best or leave this option off for a standard button with no movement.

Next, we have the button options and the integration with Mailchimp. Here’s a rundown of the available options:

  • Button text – the name is very suggestive; by using this field, you will change the text that appears on the button.
  • Thank you message – this is the message the user will see after completing the form.
  • Show agreement – if this is switched on, the user will see a box for accepting the Terms and Conditions.
  • Agreement text – this is the text that will appear next to the box.
  • Agreement URL – this will create a hyperlink for the agreement text above, sending the user to the page with your Terms and Conditions.
  • Mailchimp API Key – to send the email addresses to a list in Mailchimp, you need to add your key here; instructions are available on the link right under the field.
  • Mailchimp List ID – the contacts will go to a list in Mailchimp, you need to add the list ID here.
  • Webhook URL – this is only for integrating additional email services (currently in development). Leave this field blank for the MailChimp integration.

Here is how it all looks like in the end. You can see the “Links” tab is selected so you can edit the additional sections as needed. On the right, you have the preview of the entire page you just created.

7. Viewing your statistics

Once everything is live, and traffic is coming to the page, you’ll want to keep track of what’s happening and see the statistics available. To do that, click on “Statistics” on the top right corner.

This is very similar to the statistics page you saw earlier for the custom link.

The only difference between the two pages is that you have a “Settings” button on the top right corner of this page that takes you back to the editing page.

Another way to get to this page is from the project page. Click on the three dots at the end of the row and select “Statistics.”

8. Using the QR code feature

Here’s another interesting option available in the same place – the “QR Code.” When you click on it, you will get a QR code that has its own URL with “/qr” at the end of your existing URL.

As with any QR code, you can use it to share your landing page and send people to it. People simply scan the code and VOILA, they’re taken to your page.

I love this method for moving people from the offline environment to online, and there are a ton of creative and interesting ways to use the QR code in offline advertising. Anything from business cards to swag to decals – heck, put it on the side of your car – the sky’s the limit with this!

OK, for the final step, let’s go back to the project page and have a look at the link option. Click “Create,” and then “Custom link.”

You can see a pop-up that is similar to a short link creator. You can add a long URL, and it will transform it into a short, personalized one, hosted on the PodSpout.app domain. When you’re ready, click on “Shorten URL” to move to the next step.

Here is the main screen for a custom link. Besides the two URLs that were present in the previous step also, you have the schedule feature. 

The schedule feature is an ON/OFF switch that will show two dates when enabled – the start and the end. This gives you the possibility to make the short link available for a specified amount of time.

When you click in the date field, a calendar will appear, along with two sliders that represent the hour and the minute. This option is excellent for use in a campaign that is available only for a limited period.

When you’re done, click “Update” for the changes to go live.

You can now see the custom link on the project page, along with the PodSpout page created earlier.

Now it’s Your Turn 👏👏👏

Hopefully you feel ready to tackle your new podcast promotion projects on PodSpout!

Just Login into your account to get creative and make a page that really shows off your podcast AND your unique voice.

Don’t have an account yet?

It’s easy and free to get started! Just sign up here and you’ll be ready to rock 👉 podspout.app/register 🥳️

Get the all-in-one podcast promotion tool! 🙌

Get your free Basic PodSpout account and start sharing your first podcast promo page within minutes!

To get started, just click the button on the right

👉Remember to use your best email - your activation link will be sent to your inbox to deter spammers from using our platform.