Skip to content
Moviie

Player experience

How to create a CTA inside or outside the video

Configure text, image, or HTML, choose when the CTA appears, and use effects and auto-scroll without disrupting viewers.

Updated on August 7, 20264 min read

Use a CTA to make the next step clear: buy, book, download a resource, or open another part of the experience. In Moviie, it can appear inside the video or remain outside the video, directly below the player.

Choose the position first

PositionUse it whenAvoid it when
Inside the videothe decision should receive full attention, such as a final offerthe button would cover a demonstration, captions, or important information
Outside the videothe action should remain available without covering the picturethe page already has several competing actions

Create the CTA

  1. Open the video and go to Ações.
  2. Select the CTAs tab.
  3. Select Adicionar CTA.
  4. Under Conteúdo, choose Texto, Imagem, or HTML.
  5. Enter the destination and review the preview.
  6. Review Exibição, Aparência, and Comportamento before saving.

The labels in bold match the current Moviie interface shown in the screenshots.

Choose the content

  • Text is the fastest choice for one primary action.
  • Image works when the creative is already part of the campaign. Add an accessible name that describes the action.
  • HTML supports a custom HTML and CSS composition. Start with a template and review any adjustments shown in the preview. For a simple button, prefer Text or Image.

Use copy that completes the viewer’s thought, such as “See plans” or “Download the guide.” Avoid “Click here”: it does not explain the destination.

Decide when it appears

Under Exibição, choose Fora do vídeo or Dentro do vídeo, then select a rule:

  • Always available: appears as soon as the experience is ready.
  • Scheduled by time: uses the start and optional end time.
  • Scheduled by pitch: follows the checkpoint marked as pitch. Início ou fallback remains the reference if that pitch is later removed.

Under Depois do fim, choose whether the CTA should hide or remain available. Moviie warns you when two actions try to use the same position during the same period.

Actual Moviie screen showing the Outside video position, timing, and end behavior

Adjust appearance and effects

Under Aparência, choose size, color, and an effect for each moment:

  • Entrance: fade, gentle rise, or scale.
  • Attention: pulse, glow, or light sway.
  • Hover: lift, glow, or scale.
  • Click: short press feedback.

Intensity and speed apply to the set. Use the preview to assess the result before saving.

Actual Moviie screen showing CTA appearance, effects, and preview

For a first test, use a gentle entrance, subtle hover, and no continuous attention effect. Moviie reduces motion for visitors who enabled that preference on their device.

Configure destination, parameters, and auto-scroll

Under Comportamento, choose:

  • whether the destination opens in the same tab or a new tab;
  • whether to copy no parameters, marketing parameters, or other safe page parameters;
  • whether auto-scroll is off, runs once per session, or runs on every appearance;
  • whether scrolling should stop when the visitor is already interacting;
  • whether the CTA remains available when the visitor returns.

Actual Moviie screen showing destination, parameters, auto-scroll, and persistence

Do not put email addresses, phone numbers, passwords, tokens, or other personal data in the URL. For campaigns, prefer UTMs and the ad identifiers already used by your operation.

A strong starting configuration

If you do not have a previous test, start with:

  1. One text CTA with one clear action.
  2. Outside the video when the picture must remain unobstructed.
  3. Appearance at the pitch or just after the promise becomes clear.
  4. Keep it available after the end when the offer still applies.
  5. Gentle entrance, subtle hover, and no continuous attention effect.
  6. Auto-scroll off; use once per session only when the CTA is usually below the fold.
  7. Review desktop, mobile, and keyboard navigation.

Edit, duplicate, deactivate, or delete

Use the actions in the CTA list to edit, duplicate, activate, deactivate, or delete. Duplicate a CTA when testing another message without rebuilding the setup. Deactivate it when you want to preserve the setup without showing it.

Confirm it works

Open the page where the video is embedded and confirm that:

  • the CTA appears at the expected position and time;
  • the destination and target tab are correct;
  • mobile layout does not create horizontal scrolling;
  • auto-scroll does not compete with an interaction in progress;
  • the CTA remains readable with reduced motion enabled.

Then open Analytics → CTAs to compare impressions, clicks, and CTR. Low impressions usually point to position or timing. High impressions with few clicks call for a review of the message, timing, or destination.

If the CTA does not appear

Check whether it is active, whether playback reached the scheduled start, and whether another CTA uses the same place and period. For pitch timing, confirm that the checkpoint is still marked. For an outside-video CTA, update the page’s embed code if it still uses an older copy without the current player features.

Keep learning

Keep going

Guides that help with the next step.

HUMAN SUPPORT

Still need help?

Tell us what is happening. Our team will help you find the next step.