Creare una nuova pagina di campagna

Tutorial

Impara passo dopo passo come creare una pagina di campagna da zero.

Questo esempio mostra come creare una landing page da zero, aggiungere widget e popolarli con contenuti, inclusi un form online.

Sai com'è lavorare con Xperience by Kentico? Prova il nostro sito demo Kbank e fai pratica direttamente. Se non hai il tuo sito demo, richiedilo tramite il form sul sito di Kentico e richiedi Kbank per il Business Tutorial di Xperience by Kentico. Una volta approvata la richiesta, ti invieremo automaticamente un link al sito demo.

Preparare la landing page

Vai all'applicazione Pages
Seleziona Loans → Personal Loan nell'albero dei contenuti e crea una nuova pagina (New page)
Scegli il content type Content page, e nella sezione Default, seleziona il Contentpage template:
1. Compila il nome interno: Renovation loan
2. Scegli le proprietà SEO con Select existing. Per semplificare questo esercizio, seleziona le proprietà del Personal loan
3. Conferma la tua scelta con il tasto Select
Salva (Save) le modifiche

Aggiungere i widget

Aggiungere un Hero banner

Seleziona il pulsante Add widget (il simbolo +) al centro della pagina e aggiungi un 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**.

Aggiungere i benefici del prodotto

Aggiungi la sezione Multi column utilizzando il pulsante Add section (il simbolo +) sulla parte laterale, quindi aggiungi un widget Benefit.

Seleziona Configure widget per aprire Benefit properties
Scegli le opzioni Product benefit e Only dot
Seleziona i benefici del prodotto esistenti (Select existing) e conferma la scelta con 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
Applica (Apply) le modifiche

Aggiungere il pulsante Call to Action (CTA)

Seleziona il pulsante Add widget (il simbolo +) in fondo al widget Benefit e aggiungi un pulsante CTA.

Seleziona il pulsante Configure widget per regolare le proprietà della CTA
1. Text: See our tips for home expansion
2. Target content: Page
3. Target page: Add page e scegli News → Want more space?
4. Conferma con il pulsante Select
Premi il pulsante Apply per salvare le modifiche

Aggiungere un form

Aggiungi un'altra sezione, ma questa volta scegli Form column.

Aggiungi il widget Page heading e configurarlo (Configure):
1. Scegli il tipo di intestazione (Heading type): H3
2. Inserisci il titolo (Title): Let us know you are interested in the loan, and our representative will contact you within one business day
3. Premi Applica (Apply) per visualizzare l'intestazione
Aggiungi un widget Form utilizzando il pulsante + sotto il widget Page heading
Seleziona il pulsante Configure widget per aprire Form properties
1. Usa il pulsante Select a form. Per semplificare l'esercizio, scegli il form First time buyers campaign
2. Premi Apply per salvare la modifica

Salva la pagina e aprila in Preview. Se ti piace come appare, puoi pubblicare la pagina (Publish).

Questa pagina ti è stata utile?

Hai trovato questa sezione della documentazione particolarmente d'aiuto? Faccelo sapere.

Mandaci un feedback