Landing page anatomy (headline, CTA, proof) in Digital Marketing - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to add a clear headline to the landing page.

Digital Marketing

<h1>[1]</h1>

Drag options to blanks, or click blank then click option'

AClick Here Now

BWelcome to Our Service

CBuy Now

DContact Us

Attempts:

3 left

💡 Hint

Common Mistakes

Using a call-to-action (CTA) phrase as the headline.

Leaving the headline vague or unclear.

The headline should clearly state what the page is about to grab attention immediately.

2fill in blank

medium

Complete the code to add a strong call-to-action (CTA) button.

Digital Marketing

<button>[1]</button>

Drag options to blanks, or click blank then click option'

ALearn More

BOur Service

CWelcome

DSign Up Now

Attempts:

3 left

💡 Hint

Common Mistakes

Using vague phrases like 'Welcome' or 'Our Service' as CTA.

Not making the CTA stand out as a button.

The CTA button should encourage visitors to take the desired action clearly and directly.

3fill in blank

hard

Fix the error in the proof section by completing the testimonial text.

Digital Marketing

<blockquote>[1]</blockquote>

Drag options to blanks, or click blank then click option'

AClick here to buy

BWelcome to our site

C"This product changed my life!"

DSign up now

Attempts:

3 left

💡 Hint

Common Mistakes

Using CTA phrases instead of testimonials.

Leaving the proof section empty or irrelevant.

The proof section uses testimonials to build trust by showing real user experiences.

4fill in blank

hard

Fill both blanks to create a landing page section with headline and CTA.

Digital Marketing

<section>
  <h2>[1]</h2>
  <button>[2]</button>
</section>

Drag options to blanks, or click blank then click option'

AGet Started Today

BWelcome

CJoin Now

DLearn More

Attempts:

3 left

💡 Hint

Common Mistakes

Mixing greeting words with action phrases.

Using vague CTAs that don't tell what happens next.

The headline invites action and the button clearly tells what to do next.

5fill in blank

hard

Fill all three blanks to build a landing page snippet with headline, CTA, and proof.

Digital Marketing

<article>
  <h1>[1]</h1>
  <button>[2]</button>
  <p>[3]</p>
</article>

Drag options to blanks, or click blank then click option'

AStart Your Free Trial

BSign Up

C"I love this service! Highly recommend."

DWelcome

Attempts:

3 left

💡 Hint

Common Mistakes

Using greetings instead of action phrases.

Leaving proof empty or using non-testimonial text.

This snippet shows a clear headline, a direct CTA, and a testimonial to build trust.