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 Pages application.
  2. Select Loans → Personal Loan in the content tree and create a New page.
  3. Pick the Content page content type, and in the Default section, choose the Content page template:
    1. Fill in the internal Name: Renovation loan.
    2. Choose the SEO Properties by Select existing. To make this exercise simpler, pick the Personal loan properties.
    3. Confirm your choice with the Select button.
  4. 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 **Add a custom hero banner** option and **Create new**. Then fill in:  

    1. **Name**: *Renovation loan*.
    2. **Header**: *Renovation loan*.
    3. **Subheader**: *Are you looking to renovate your home or rented apartment?*
    4. **Media** → **Select existing**: search for *Home rebuild with Kbank loan*.
    5. **Save** the changes.
3. De\-select the **Display CTA** option.
4. **Apply**.

Add product benefits

Add the Muti column section using the Add section plus button on the side, and add a Benefit widget.

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

  2. Choose the Product benefit and Only dot options.

  3. Select existing product benefits and confirm the choice with Select:

    1. Mobile phone payment.
    2. Fast access to funds.
    3. Payment protection.
    4. Get a quick decision.
    5. Payment date.
    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. Text: See our tips for home expansion.
    2. Target content: Page.
    3. Target page: Add page 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. 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

Next step

The next guide shows you how to prepare a a landing page.