Mockup Phone Video Shortcode

Mockup Video Shortcode – Plugin WordPress Premium

Transforme seus vídeos em demonstrações profissionais de aplicativos móveis

Crie apresentações impactantes com mockups realistas de smartphone que capturam a atenção dos seus visitantes instantaneamente.

🚀 Por que escolher o Mockup Video Shortcode?

Pare de mostrar vídeos comuns em players genéricos. Este plugin revoluciona a forma como você apresenta conteúdo móvel, criando uma experiência visual premium que:

✅ Aumenta o engajamento – Mockups realistas prendem mais a atenção
✅ Transmite profissionalismo – Design moderno de iPhone com detalhes realistas
✅ Converte mais visitantes – Apresentações impactantes geram mais interesse
✅ Funciona em qualquer dispositivo – Totalmente responsivo e otimizado

🎯 Recursos Principais

📺 Suporte Completo a Vídeos

• YouTube: Cole qualquer URL ou ID do YouTube
• Vídeos Locais: Upload de arquivos MP4 direto no seu servidor
• Autoplay Inteligente: Funciona perfeitamente no Safari e dispositivos móveis
• Loop Infinito: Ideal para demonstrações contínuas

🎨 Customização Total

• 10+ parâmetros configuráveis para máxima flexibilidade
• Cores personalizáveis para combinar com sua marca
• Tamanhos responsivos diferentes para desktop e mobile
• Thumbnails customizadas ou automáticas do YouTube

📱 Design Premium

• Mockup ultra-realista de iPhone com bordas arredondadas
• Gradientes e sombras profissionais que simulam um dispositivo real
• Animações suaves com efeitos de pulse no botão play
• Detalhes autênticos: speaker, câmera e botão home

⚡ Performance Otimizada

• Carregamento assíncrono da API do YouTube
• Players sob demanda – criados apenas quando necessário
• CSS inline otimizado – sem conflitos com temas
• Código limpo e validado seguindo padrões WordPress

💼 Casos de Uso Perfeitos

🏢 Agências e Desenvolvedores

• Apresentações de apps para clientes
• Portfolios de desenvolvimento mobile
• Demonstrações de interfaces e UX

🛒 E-commerce e SaaS

• Demos de aplicativos móveis
• Tutoriais de uso em smartphones
• Landing pages de produtos digitais

📚 Educação e Cursos

• Aulas sobre desenvolvimento mobile
• Demonstrações passo-a-passo
• Conteúdo educacional interativo

📈 Marketing e Vendas

• Páginas de captura mais atrativas
• Demonstrações de recursos
• Conteúdo viral para redes sociais

🛠 Facilidade Extrema de Uso

Instalação em 1 Minuto

1. Upload do plugin
2. Ativação
3. Pronto para usar!

Exemplos de como usar os shortcode:

📱 Exemplo Completo Recomendado – Mockup Video Shortcode

🎯 Configuração Ideal

📝 Significado de Cada Parâmetro

🎬 youtube="SEU_VIDEO_ID"

O que faz: Define qual vídeo do YouTube será exibido
Como usar: ID do vídeo (ex: dQw4w9WgXcQ) ou URL completa

🎨 playcolor="#9333ea"

O que faz: Cor do botão de play
Por que essa cor: Roxo elegante que funciona em qualquer contexto
Alternativas: #ff6b35 (laranja), #00d4aa (verde), #1a73e8 (azul)

💻 desktop_size="350px"

O que faz: Largura do mockup em telas grandes
Por que 350px: Tamanho ideal – não muito grande, não muito pequeno
Alternativas: 300px (compacto), 400px (destacado), 100% (largura total)

📱 mobile_size="280px"

O que faz: Largura do mockup em celulares
Por que 90%: Aproveita quase toda tela, mas deixa margens laterais
Breakpoint: Mudança acontece em 768px de largura

▶️ autoplay="false"

O que faz: Vídeo não inicia automaticamente
Vantagens: Usuário tem controle, economiza dados, menos intrusivo
Use true quando: Landing pages específicas + sempre com muted="true"

🔄 loop="false"

O que faz: Vídeo não reinicia ao terminar
Vantagens: Experiência natural, controle do usuário
Use true para: GIFs, animações curtas, backgrounds decorativos

🎭 stealth="true"

O que faz: Remove controles do YouTube, usa interface customizada
Vantagens: Design limpo, branding consistente, experiência premium
Use false para: Mostrar controles nativos do YouTube

🎯 pauseoverlay="true"

O que faz: Mostra botão de play quando vídeo está pausado
Vantagens: Interface intuitiva, fácil retomada da reprodução
Use false para: Controles minimalistas

🏆 Por que Esta Configuração é Ideal?

✅ Visual profissional com design limpo
✅ Totalmente responsiva – funciona em qualquer dispositivo
✅ Controles intuitivos – fácil de usar
✅ Performance otimizada – carrega rápido
✅ Compatibilidade máxima – funciona em todos navegadores

COMO USAR:

[mockup_video
youtube=”ID-VIDEO”
poster=”CAPA-AQUI”
playcolor=”#CORAQUI”
desktop_size=”300px”
mobile_size=”280px”
autoplay=”false”
loop=”false”
stealth=”true”
pauseoverlay=”true”]