Como criar popups de contagem regressiva acionados por inatividade em tela cheia com o Elementor para aumentar as conversões do usuário

全屏弹出窗口用来吸引用户的注意力一种非常有效的方式,特别是在促销活动,行动号召等需要用户及时响应的场景中。本文将详细介绍如何使用Elementor创建一个全屏弹出窗口,该弹出窗口将在用户不活动30秒后自动触发,并带有一个倒计时小部件,旨在唤醒用户的注意力并促使其立即采取行动。

一、为什么使用全屏弹出窗口?

Como criar popups de contagem regressiva acionados por inatividade em tela cheia com o Elementor para aumentar as conversões do usuário

全屏弹出窗口有几个显著的优点:

  1. 吸引全部注意力:全屏的设计意味着用户无法忽视弹出窗口,从而增加了点击率和转化率。
  2. 促使用户行动:结合倒计时功能,弹出窗口可以营造紧迫感,促使用户尽快采取行动,例如完成购买、订阅或参与活动。
  3. 不活动触发:通过检测用户的鼠标和键盘活动,可以在用户长时间不操作时展示弹出窗口,重新激发他们的兴趣。

二、如何使用Elementor创建全屏弹出窗口

我们将通过以下步骤来创建一个全屏的、不活动状态触发的弹出窗口:

1. 创建弹出窗口

步骤 1: 转到Elementor仪表板
  1. Inicie sessão no backend do WordPress.
  2. 在左侧导航菜单中,转到 modelo > janela pop-up > 添加新弹出窗口.
Como criar popups de contagem regressiva acionados por inatividade em tela cheia com o Elementor para aumentar as conversões do usuário
步骤 2: 命名你的模板
  1. 需要为新弹出窗口命名,以便在未来能够轻松识别它。
Como criar popups de contagem regressiva acionados por inatividade em tela cheia com o Elementor para aumentar as conversões do usuário
  1. 完成命名后,点击 Criar um modelo Botão.
步骤 3: 选择或设计模板
  1. Elementor提供了一个丰富的biblioteca de modelos,可以从中选择预设计的弹出窗口模板。
Como criar popups de contagem regressiva acionados por inatividade em tela cheia com o Elementor para aumentar as conversões do usuário
  1. 如果想要更个性化的设计,可以选择从零开始设计自己的模板。点击“Modelos em branco”并开始自定义。

2. preparar全屏弹出窗口的设计

在设计过程中,确保你的弹出窗口视觉吸引,并且功能完整。这里我们将使用Elementor中的倒计时widgets来帮助推动用户使用,先导航至preparar.

Como criar popups de contagem regressiva acionados por inatividade em tela cheia com o Elementor para aumentar as conversões do usuário
步骤 1: 设置弹出窗口的尺寸
  1. amplitude:将弹出窗口的宽度设置为 100 VW(视口宽度的100%),这样弹出窗口就会覆盖整个小部件位置的宽度。
Como criar popups de contagem regressiva acionados por inatividade em tela cheia com o Elementor para aumentar as conversões do usuário
  1. grau elevado:将弹出窗口的高度设置为适应屏幕,这里可以使用100 VH(视口高度的100%)来确保弹出窗口覆盖整个屏幕。
步骤 2: 设置弹出窗口的对齐方式
  1. comandante-em-chefe (militar) posição horizontal definido como 居中,确保弹出窗口的内容水平居中。
Como criar popups de contagem regressiva acionados por inatividade em tela cheia com o Elementor para aumentar as conversões do usuário
  1. comandante-em-chefe (militar) posição vertical 也设置为 居中,使其在屏幕的中央垂直对齐。
步骤 3: 显示覆盖和关闭按钮
  1. 显示覆盖:启用显示覆盖选项,以便在弹出窗口出现时,背景内容被灰色半透明层覆盖,进一步增强用户注意力。
Como criar popups de contagem regressiva acionados por inatividade em tela cheia com o Elementor para aumentar as conversões do usuário
  1. 显示关闭按钮:启用关闭按钮,这样用户可以自由关闭弹出窗口。关闭按钮通常是一个小“X”图标,可以将其放置在弹出窗口的右上角。
Como criar popups de contagem regressiva acionados por inatividade em tela cheia com o Elementor para aumentar as conversões do usuário
步骤 4: 自定义样式和内容
  1. 文本与背景:根据你的品牌或当前促销活动,自定义弹出窗口中的文本、背景图片. É possível utilizar自定义字体、颜色和按钮设计来匹配你的网站风格。
Como criar popups de contagem regressiva acionados por inatividade em tela cheia com o Elementor para aumentar as conversões do usuário
Como criar popups de contagem regressiva acionados por inatividade em tela cheia com o Elementor para aumentar as conversões do usuário
  1. 倒计时小部件:将Elementor的 倒计时小部件 拖入弹出窗口内。设置倒计时的时间,通常倒计时会增加紧迫感,引导用户立即行动。
Como criar popups de contagem regressiva acionados por inatividade em tela cheia com o Elementor para aumentar as conversões do usuário

3. 发布设置

弹出窗口设计完成后,点击posto(matemática) género设置它的显示条件和触发方式.

Como criar popups de contagem regressiva acionados por inatividade em tela cheia com o Elementor para aumentar as conversões do usuário
步骤 1: 条件设置
  1. existir 发布设置 中,可以决定弹出窗口在哪些页面或场景下显示。
  2. 在条件设置中,选择 包括 > 整个站点。这样,弹出窗口会在网站的每个页面上都能触发。
Como criar popups de contagem regressiva acionados por inatividade em tela cheia com o Elementor para aumentar as conversões do usuário
步骤 2: 触发条件
  1. opção 触发条件 Opções.
Como criar popups de contagem regressiva acionados por inatividade em tela cheia com o Elementor para aumentar as conversões do usuário
  1. 设置弹出窗口在用户 30秒不活动后 触发。Elementor会自动检测用户的活动状态(如鼠标移动或点击),如果用户在指定时间内没有操作,弹出窗口将自动显示。
Como criar popups de contagem regressiva acionados por inatividade em tela cheia com o Elementor para aumentar as conversões do usuário
步骤 3: 使用退出意图弹出窗口

除了不活动触发,还可以结合 退出意图触发器,当用户试图关闭或离开页面时,弹出窗口也会自动显示。这是一种捕捉即将离开的用户注意力的有效方法。

Como criar popups de contagem regressiva acionados por inatividade em tela cheia com o Elementor para aumentar as conversões do usuário

4. 高级设置与优化

动画与视觉效果

为了使弹出窗口更具吸引力,可以为它添加动画效果,在Elementor中创建的弹出窗口编辑页面,点击右侧的“nível elevado”标签,在“动作效果”中,从下方滑入或淡入。Elementor提供了多种动画效果,可以选择适合你的设计风格的动画效果来增强用户体验。

Como criar popups de contagem regressiva acionados por inatividade em tela cheia com o Elementor para aumentar as conversões do usuário
Como criar popups de contagem regressiva acionados por inatividade em tela cheia com o Elementor para aumentar as conversões do usuário
otimização do desempenho

虽然弹出窗口是提高转化率的有效工具,但过度使用或过于频繁的弹出窗口可能会影响用户体验。因此,建议你合理设置弹出窗口的频率,并确保其不会干扰用户正常的浏览行为。此外,确保弹出窗口的加载速度优化,以免影响页面的整体性能。

resumos

通过本文的步骤,了解了如何使用Elementor创建一个全屏不活动状态触发的弹出窗口。此类弹出窗口不仅能够吸引用户的全部注意力,还可以通过倒计时功能和退出意图触发器进一步提高用户的参与度和转化率。在实际使用中,记得优化弹出窗口的频率与样式,以确保增强用户体验。


Contactar-nos
Não consegue ler o artigo? Contacte-nos para obter uma resposta gratuita! Ajuda gratuita para sítios pessoais e de pequenas empresas!
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) Correio eletrónico: info@361sale.com
Horário de trabalho: de segunda a sexta-feira, das 9h30 às 18h30, com folga nos feriados
Publicado por photon fluctuations, retweetado com atribuição:https://www.361sale.com/pt/18958/

Como (1)
Anterior 6 setembro 2024, 11:32 am
Seguinte 6 de setembro de 2024, 3:02 p.m.

Recomendado

Deixe um comentário

O seu endereço de email não será publicado. Campos obrigatórios marcados com *

Contactar-nos

020-2206-9892

QQ咨询:1025174874

Correio eletrónico: info@361sale.com

Horário de trabalho: de segunda a sexta-feira, das 9h30 às 18h30, com folga nos feriados

Serviço ao cliente WeChat
Para facilitar o registo e o início de sessão de utilizadores globais, cancelámos a função de início de sessão por telefone. Se tiver problemas de início de sessão, contacte o serviço de apoio ao cliente para obter assistência na ligação do seu endereço de correio eletrónico.