How to Create Content in Marketing Cloud’s CloudPages - dummies

How to Create Content in Marketing Cloud’s CloudPages

By Chester Bullock, Mark Pollard

The Salesforce Marketing Cloud CloudPages tools let you easily manage your online marketing by yourself, without needing to take the time and effort to coordinate with technical experts. However, if you’re an HTML or AMPscript whiz or have easy access to someone who is, you can also use your own sophisticated code in your CloudPages content.

The content you create in CloudPages remains visible only inside your account until you publish it for the world to see. Then, when your content is ready, you can publish it right away or schedule the system to publish the content automatically at a certain date and time.

You might want to use a schedule to delay publishing a time-sensitive announcement until just the right moment.

To create any type of content in CloudPages, you start by defining a collection. A collection is just a wrapper that pulls all the words, images, and other content into a single place for you to manage. A collection is similar to a folder that you create on your computer’s hard drive to contain related files.

After you have a collection, you choose the template type that you want to use. The templates that appear in your account depend on the functionality enabled in it. The list of possible template types follows:

  • Landing page
  • Code resource
  • Microsite
  • MobilePush page
  • Facebook tab
landing page template Marketing Cloud
A landing page template has spaces where you can drag all component parts of your web page.

When you have chosen and named the template you want to use, you can just drag content to the boxes on the template. Examples of the kinds of content you might add to a collection include the following:

  • Coupons
  • Email sign-up form
  • Sweepstakes entry form
  • Ads
  • Product showcase
  • Lead generation form

The images and text that you create in Content Builder are available to drag to your template. You can also create content directly in CloudPages by using the embedded Content Builder content editor.

Creating a collection

Use the following steps to create a collection:

  1. From the home screen in CloudPages, click the Create Collection button.

    The Create Collection window appears.

  2. Enter a name for the collection.
  3. (Optional) Enter a description.
  4. Click Save and the collection appears in the list.

Adding content to a collection

Use the following steps to create a collection:

  1. From the Collection section of the home screen in CloudPages, locate the collection to which you want to add content.
  2. Pause your mouse pointer on the collection and click the Edit Content button that appears there.

    The system opens the collection canvas.

  3. Click the Create button on the right side of the screen and choose one of the following options:
    • Landing Page
    • Code Resource
    • Microsite
    • MobilePush Page
    • Facebook Tab
  4. Add content as described below.

Landing page

Use these steps if you choose to add a landing page to your collection:

  1. In the Create a Landing Page window that appeared when you chose Landing Page, enter the name and description of your landing page.
  2. If you want to require that only visitors with secure connections visit this site, select the HTTPS Connections Only check box.
  3. Click Next.
  4. If you have the option, select Content Builder as the Editor.
  5. From the Select Layout step in the wizard, choose the icon that best represents how you want your landing page to look, and then click Create.

    The Content Builder editor appears for you to create your landing page with the template you chose.

Code resource

The content editor is not your only option for creating content. If you have programmatic content, you can add it as a code resource. This option lets you store web programming code that you created outside Marketing Cloud in a file that you can link to from CloudPages.

Later, when you’re using the editor to edit content in your pages, you can insert a link and navigate to the code resource to which you want to link.

Use the following steps to add a code resource to your collection:

  1. In the Create Code Resource window that appeared when you chose Code Resource, enter the name and description.
  2. Select one of the following content types:
    • JavaScript
    • CSS
    • JSON
    • Text files
    • RSS Feed
    • XML
  3. Click Next.

    A simple text editor window appears.

  4. Type or paste your code.
  5. Click Save.

Microsite

When you create a microsite, you design a site map that organizes landing pages. CloudPages uses the page hierarchy that you set up as the basis for a navigation menu that website visitors can use to move around the site. You can also control the look and feel of the site navigation here.

Marketing Cloud microsite workspace
The microsite workspace.

Use the following steps to add a microsite to your collection:

  1. In the Create a Microsite window that appeared when you chose Microsite, enter the name and description of your landing page.
  2. If you want to require that only visitors with secure connections visit this site, select the HTTPS Connections Only check box.
  3. Click Create.

    An editor workspace appears.

  4. Click the Add Page button in the left panel.

    The Add New Page window appears.

  5. Type the name of the landing page, and then click Create.

    A card appears on the workspace to represent the landing page.

  6. Pause your mouse pointer on the card and click the Add Content button that appears.

    The Create Content window appears.

  7. Select the method you want to use to create landing page content.

    Valid values follow:

    • Create New Content, Design View: Launch the Content Builder editor.
    • Create New Content, Code View: Open an editor window where you can type or paste HTML and other web programming code.
    • Start from Existing Content: Open a copy of a landing page that you created previously. Choose from the list of landing pages that appears.
  8. Click Next.
  9. Create or edit the landing pages in the microsite.
  10. Click the Back to the microsite name link at the top left to return to the microsite editor.
  11. Repeat Steps 6 through 10 to add the remaining landing pages to the microsite.

    Each landing page you add to the microsite appears as a box in the left panel. Drag the boxes to change the order of the pages in the microsite navigation. To make a page a child of another page, position the child just under the parent and then drag it to the right.

  12. To preview and edit the site navigation, click the Edit Navigation link.

    The Navigation Editor appears and you can change the visuals aspects of the navigation bar, such as the background color, the font of the menu items, and whether arrows appear next to menu names to indicate that the user can click the name.

  13. Make your changes and then click Done.

MobilePush page

Use the following steps to add a MobilePush page to your collection:

  1. In the window that appeared when you chose MobilePush page, enter the name and description of your page.
  2. Click Create and a window appears.
  3. Select the method you want to use to create landing page content.

    Valid values follow:

    • Create New Content, Design View: Launch the Content Builder editor.
    • Create New Content, Code View: Open an editor window where you can type or paste HTML and other web programming code.
    • Start from Existing Content: Open a copy of a landing page that you created previously. Choose from the list of landing pages that appears.
  4. Click Next.
  5. Create or edit your MobilePush page.

Facebook tab

Use the following steps to add a Facebook tab to your collection:

  1. In the Create Facebook Tab window that appears when you click the Facebook tab, complete the following fields.
    • Name: Type the name of the Facebook tab.
    • Description: Optionally, add a description of the Facebook tab.
    • Start from existing SocialPages content: Select this check box if you want to make a copy of content you created previously in SocialPages. If you select this checkbox, you need to check the content that you want to start from.
    • Destinations: Optionally, select the Facebook page where you want this tab to appear.
  2. Click Create.

    The Create Content window appears.

  3. Select the method you want to use to create landing page content.

    Valid values follow:

    • Create New Content, Design View: Launch the Content Builder editor.
    • Create New Content, Code View: Open an editor window where you can type or paste HTML and other web programming code.
    • Start from Existing Content: Open a copy of a landing page that you created previously. Choose from the list of landing pages that appears.
  4. Click Next.
  5. Create or edit your Facebook tab.