Module: Work with website content

6 of 20 Pages

Create a new campaign page

✖
Copy to clipboard

Learn step-by-step how to create a campaign page from scratch.

This sample shows how to create a landing page from scratch, add widgets, and populate them with content, including an online form.

Do you know what it’s like working with Xperience by Kentico? Try our Kbank demo website and get a hands-on experience. And if you don’t have your demo site, request it through the form at Kentico website and request the Xperience by Kentico – Business Tutorial Kbank demo site. Once you approve the request, we will automatically send you a link to the demo site.

Prepare the landing page

  1. Go to the Channels application.
  2. Select Personal Banking → Campaign pages in the content tree and create a New page.
  3. Pick the Content page content type.
  4. Fill in the internal Name: Renovation loan.
  5. Choose the Content (Default) page template
  6. Save the changes.

Add the widgets

Add a Hero banner

Select the Add widget plus button in the middle of the page and add a Hero banner.

  1. Select the Configure widget to open the Hero banner properties.

  2. Select the Select hero content item option and Create new. Then fill in:

    1. Content item name: Renovation loan.
    2. Choose Workspace → Personal Banking.
    3. Use Continue to save changes.
    4. Title: Renovation loan.
    5. Short description: Are you looking to renovate your home or rented apartment?
    6. Asset/Media → Select existing content item
    7. Switch to Kbank Global Media Assets Workspace → search for Home rebuild with Kbank loan.
    8. Save and close the changes.

  3. De-select the Display CTA option.

  4. Apply.

Add product benefits

Add the Multi column section using the grey Add section plus button on the side. Then click the purple plus button in the middle of the editing area and add a Benefit widget.

  1. Select the Configure widget to open the Benefit properties.

  2. Choose the Benefit content items and Only dot options.

  3. Select existing product benefits from the Shared resources Workspace and confirm the choice with Select:

    1. Mobile phone pay.
    2. Fast access to funds.
    3. Payment protection.
    4. Get a quick decision.
    5. Payments moved automatically.
    6. Make overpayments free of charge.

  4. Apply the changes.

Add Call to action

Select the Add widget plus button on the bottom of the Benefit widget and add a CTA button.

  1. Select the Configure widget button to adjust the CTA properties:

    1. CTA Button text: See our tips for home expansion.
    2. Target content: Page.
    3. Target page: Select and choose News → Want more space?
    4. Confirm with the Select button.

  2. Hit the Apply button to save the changes.

Add a form

Now add another section, but this time choose the Form column.

  1. Add the Page heading widget and Configure it:

    1. Choose Heading type: H3.
    2. Insert the Title: Let us know you are interested in the loan, and our representative will contact you within one business day.
    3. Apply to see the heading.

  2. Add a Form widget using the plus button below the Page heading widget.

  3. Select the Configure widget to open the Form properties.

    1. Use the Select a form button. To simplify this exercise, choose the First time buyers campaign form.
    2. Configure After form submission behaviour by filling in the Display a message field with: Thank you for choosing to renovate with Kbank.
    3. Apply the change.

Save the page and open it in Preview. If you like what it looks like, you can Publish the page.

Final look of the campaign page

6 of 20