Calculateur de peinture WooCommerce (Estimateur de produits en vrac)

Calculateur de peinture WooCommerce (Estimateur de produits en vrac)

.

[Ad_1]

(Todos os recursos estão em inglês, portanto, aqui fornecemos uma tradução gerada automaticamente pelo Google para ajudá-lo a compreender a funcionalidade deste recurso WordPress. Para conteúdo original, por favor clique aqui para acessar nosso blog.)

Calculateur de peinture WooCommerce (Estimateur de produits en vrac)

Calculateur de peinture WooCommerce (Estimateur de produits en vrac) vous permet d’entrer vos spécifications et d’ajouter tous les articles dont vous avez besoin selon votre calcul dans le panier en une seule fois. Le plugin WooCommerce Paint Calculator (Bulk Product Estimator) ajoute plusieurs produits à la fois dans le panier. Selon votre calcul de mesure, vous devez indiquer la surface en m2 qu’il va calculer, estimer, puis ajouter des produits dans le panier.

                                    <a rel="nofollow" href="mailto:[email protected]"><img src="https://blogpascher.com/wp-content/uploads/2021/07/1625606697_680_Plugin-de-tarification-ouverte-du-produit-WooCommerce.jpg" alt="Calculateur de peinture WooCommerce (Estimateur de produits en vrac)" /></a><a rel="nofollow" href="http://demo.motif-solution.com/paint-calculator-bulk-estimator/paint-calculator-bulk-estimator/" rel="nofollow"><img src="https://blogpascher.com/wp-content/uploads/2021/07/1625606697_138_Plugin-de-tarification-ouverte-du-produit-WooCommerce.jpg" alt="Calculateur de peinture WooCommerce (Estimateur de produits en vrac)" /></a><a rel="nofollow" href="http://demo.motif-solution.com/paint-calculator-bulk-estimator/paint-calculator-bulk-estimator/" rel="nofollow"><img src="https://blogpascher.com/wp-content/uploads/2021/07/1625606697_265_Plugin-de-tarification-ouverte-du-produit-WooCommerce.jpg" alt="Calculateur de peinture WooCommerce (Estimateur de produits en vrac)" /></a>

                                    <h3 id="item-description__-features-of-woocommerce-paint">
                                        <strong>Caractéristiques de WooCommerce Paint Calculator (Estimateur de produits en vrac)</strong>
                                    </h3>

                                    <ul>
                                        <li>Acheteur de produit en vrac Paint Calculator</li>
                                        <li>Estimateur facile pour tous les produits de peinture</li>
                                        <li>Travailler avec les produits WooCommerce</li>
                                        <li>Première estimation puis ajout au panier</li>
                                        <li>Micro-ciment, Micro-apprêt et tous les autres produits de peinture</li>
                                        <li>Facile à installer et à utiliser</li>
                                        <li>Mise en page entièrement réactive</li>
                                        <li>Facile à utiliser dans n'importe quelle page avec un code court</li>
                                        <li>Réglage des options pour contrôler le plugin</li>
                                    </ul>


                                        <img src="https://blogpascher.com/wp-content/uploads/2022/01/1642448549_698_Calculateur-de-peinture-WooCommerce-Estimateur-de-produits-en-vrac.png" alt="Calculateur de peinture WooCommerce (Estimateur de produits en vrac)" />


                                    <h2 id="item-description__-how-it-works-step-by-step">
                                        <strong>Comment ça marche étape par étape</strong>
                                    </h2>

                                    <h2 id="item-description__1-enter-your-area-in-m2">1. Entrez votre superficie en m2</h2>

                                        <img src="https://blogpascher.com/wp-content/uploads/2022/01/Calculateur-de-peinture-WooCommerce-Estimateur-de-produits-en-vrac.jpg" alt="Calculateur de peinture WooCommerce (Estimateur de produits en vrac)" />


                                    <h2 id="item-description__2-in-step-2-substrates-you-need-to-select-the-options-for-concrete-clinker">2. À l'étape 2 (SUBSTRATS), vous devez sélectionner les options Béton, Clinker / Carrelage / Bois / Verre / Plâtre / Membrane pour pièce humide sans armature / Filet de fibres, OU Clinker / Carrelage / Bois / Verre / Plâtre / Membrane pour pièce humide avec renfort / filet de fibres</h2>

                                        <img src="https://blogpascher.com/wp-content/uploads/2022/01/1642448558_823_Calculateur-de-peinture-WooCommerce-Estimateur-de-produits-en-vrac.jpg" alt="Calculateur de peinture WooCommerce (Estimateur de produits en vrac)" />


                                    <h2 id="item-description__3-in-step-3-microcement-you-need-to-select-the-layer-according-to-your">3. À l'étape 3 (MICROCEMENT) Vous devez sélectionner la couche en fonction de vos étapes précédentes.</h2>

                                        <img src="https://blogpascher.com/wp-content/uploads/2022/01/1642448562_251_Calculateur-de-peinture-WooCommerce-Estimateur-de-produits-en-vrac.jpg" alt="Calculateur de peinture WooCommerce (Estimateur de produits en vrac)" />


                                    <h2 id="item-description__4-step-4-is-important-as-color-is-mandatory-option-we-have-some-free-and-paid">4. L'étape 4 est importante car la couleur est obligatoire. Option, nous avons des options de couleur gratuites et payantes et c'est le choix d'utilisation.</h2>

                                        <img src="https://blogpascher.com/wp-content/uploads/2022/01/1642448565_920_Calculateur-de-peinture-WooCommerce-Estimateur-de-produits-en-vrac.jpg" alt="Calculateur de peinture WooCommerce (Estimateur de produits en vrac)" />


                                    <h2 id="item-description__5-in-step-5-we-have-mutiple-options-like-microcoat-mat-microcoat-blank">5. À l'étape 5, nous avons plusieurs options comme MicroCoat "Mat", MicroCoat "Blank", MicroCoat + Mat, MicroCoat + Blank et MicroCoat Outdoor "Satin".</h2>

                                        <img src="https://blogpascher.com/wp-content/uploads/2022/01/1642448568_384_Calculateur-de-peinture-WooCommerce-Estimateur-de-produits-en-vrac.jpg" alt="Calculateur de peinture WooCommerce (Estimateur de produits en vrac)" />


                                    <h2 id="item-description__6-in-the-final-step-you-have-all-the-product-you-needed-as-per-your">6. Dans l'étape finale, vous avez tous les produits dont vous avez besoin selon votre calcul. Ainsi, avec le bouton Ajouter au panier ci-dessous, il vous permet d'ajouter tous les produits au panier en un seul clic.</h2>

                                        <img src="https://blogpascher.com/wp-content/uploads/2022/01/1642448570_177_Calculateur-de-peinture-WooCommerce-Estimateur-de-produits-en-vrac.jpg" alt="Calculateur de peinture WooCommerce (Estimateur de produits en vrac)" />



                                        <img src="https://blogpascher.com/wp-content/uploads/2021/08/1627774440_158_Gestionnaire-de-stock-de-produits-Woocommerce.png" alt="Calculateur de peinture WooCommerce (Estimateur de produits en vrac)" />


                                    <h2 id="item-description__-pre-translated-languages">
                                        <strong>Langues pré-traduites</strong>
                                    </h2>


                                        <img src="https://blogpascher.com/wp-content/uploads/2021/06/1623564535_718_Reduction-de-la-quantite-de-stock-personnalisee-WooCommerce.jpg" alt="Calculateur de peinture WooCommerce (Estimateur de produits en vrac)" />


                                    <h2 id="item-description__-change-log">
                                        <strong>Journal des modifications :</strong>
                                    </h2>
Version 1.0.5
WooCommerce & WordPress latest Version check
Version updated
Version 1.0.4
WooCommerce & WordPress latest Version check
Additional  Products added as addons
Version 1.0.3
WooCommerce & WordPress latest Version Compatibility check
Responsiveness check
Version 1.0.2
WooCommerce & WordPress latest Version Compatibility check
Some Js and Css fixes
Versão 1.0.1 Verificação de compatibilidade de versão mais recente de WooCommerce e WordPress
Versão 1.0.0 Lançamento inicial

[Ad_2]

Ultimate Maths Quiz : Brain Challenge avec admob prêt à publier

Ultimate Maths Quiz : Brain Challenge avec admob prêt à publier

.

[Ad_1]

(Todos os recursos estão em inglês, portanto, aqui fornecemos uma tradução gerada automaticamente pelo Google para ajudá-lo a compreender a funcionalidade deste recurso WordPress. Para conteúdo original, por favor clique aqui para acessar nosso blog.)

Ultimate Maths Quiz : Brain Challenge avec admob prêt à publier - 1
Ultimate Maths Quiz : Brain Challenge avec admob prêt à publier - 2

Ultimate Maths Quiz : Brain Challenge avec admob prêt à publier - 3
Ultimate Maths Quiz : Brain Challenge avec admob prêt à publier - 4

introdução

Jeux de mathématiques gratuits pour tous, des enfants aux adultes. Le meilleur jeu de pratique mathématique pour entraîner votre cerveau et est conçu pour tous les âges, y compris les enfants, les filles et les garçons, les adultes, y compris les parents et les grands-parents.

Ultimate Maths Quiz : Brain Challenge avec admob prêt à publier - 5
Ultimate Maths Quiz : Brain Challenge avec admob prêt à publier - 6

Ultimate Maths Quiz : Brain Challenge avec admob prêt à publier - 7

Ultimate Maths Quiz : Brain Challenge avec admob prêt à publier - 8

<img src="https://blogpascher.com/wp-content/uploads/2022/01/1642448249_554_Ultimate-Maths-Quiz-Brain-Challenge-avec-admob-pret-a.jpg" alt="Ultimate Maths Quiz : Brain Challenge avec admob prêt à publier - 9" />

O que você ganha?

  • Code source Android complet.
  • Document complet avec capture d’écran.

EXIGENCES :

  • Android Studio dernière version.

<p><img src="https://blogpascher.com/wp-content/uploads/2022/01/1642448249_299_Ultimate-Maths-Quiz-Brain-Challenge-avec-admob-pret-a.jpg" alt="Ultimate Maths Quiz : Brain Challenge avec admob prêt à publier - 10" />

<p><img src="https://blogpascher.com/wp-content/uploads/2022/01/1642448249_754_Ultimate-Maths-Quiz-Brain-Challenge-avec-admob-pret-a.jpg" alt="Ultimate Maths Quiz : Brain Challenge avec admob prêt à publier - 11" />

nota

Avant d’acheter, vérifiez d’abord clairement les fonctionnalités de l’application dans l’application de démonstration. Tout est clairement indiqué dans l’application de démonstration. Nous fournissons une assistance en cas de plantage ou d’erreurs dans notre code. Les acheteurs étendus doivent contacter l’auteur après l’achat.

[Ad_2]

Bookly Mobile Pro

Bookly Mobile Pro

.

[Ad_1]

(Todos os recursos estão em inglês, portanto, aqui fornecemos uma tradução gerada automaticamente pelo Google para ajudá-lo a compreender a funcionalidade deste recurso WordPress. Para conteúdo original, por favor clique aqui para acessar nosso blog.)


Bookly Mobile Pro est le meilleur compagnon de votre plugin Bookly Pro. Si vous avez déjà Bookly Pro sur votre site Web et que vous souhaitez passer au mobile, c’est ce que vous recherchiez !

Bookly Mobile Pro est livré avec toutes les fonctionnalités de Bookly Mobile et prend en charge les modules complémentaires suivants :

Remarque : Bookly Mobile Pro ne fournit pas de licences pour Bookly Pro ni ses addons. Vous devriez obtenir une licence valide pour l’un de ces addons dans Code Canyon.
Vous devez créer et publier vos propres applications.

Vous trouverez toute la documentation nécessaire sur la façon de créer vos applications et de les configurer dans chacun des packages fournis.

Características:

  • Registro de usuário
  • Usuário online
  • Récupération du mot de passe utilisateur
  • Perfil de usuário
  • Liste du personnel et des services
  • Raccourci de prise de rendez-vous rapide
  • Prendre des rendez-vous
  • Annuler des rendez-vous
  • Voir les rendez-vous en attente, approuvés et historiques
  • Notifications push mobiles pour les rendez-vous à venir
  • Notifications push mobiles pour confirmer ou annuler des rendez-vous
  • Personnel et services préférés des utilisateurs pour des réservations rapides
  • Écran d’accueil avec heures d’ouverture et promotions personnalisées
  • Fácil de personalizar
  • Traductions en anglais et en espagnol prêtes

Prise en charge des modules complémentaires Bookly Mobile PRO :

Vérifier toutes les traductions linguistiques disponibles.

Aidez-nous à nous améliorer en partageant vos suggestions, problèmes, améliorations et nouvelles demandes de fonctionnalités avec notre Central de Ajuda.

[Ad_2]

Passage – Thème polyvalent pour la rétine réactive

Passage – Thème polyvalent pour la rétine réactive

.

[Ad_1]

(Todos os recursos estão em inglês, portanto, aqui fornecemos uma tradução gerada automaticamente pelo Google para ajudá-lo a compreender a funcionalidade deste recurso WordPress. Para conteúdo original, por favor clique aqui para acessar nosso blog.)


Passage - Thème polyvalent pour la rétine réactive - 1

<img src="https://blogpascher.com/wp-content/uploads/2022/01/1642438590_434_Passage-Theme-polyvalent-pour-la-retine-reactive.png" alt="Passage - Thème polyvalent pour la rétine réactive - 2" /><br /><br />

<strong>PASSAGE</strong> est un <strong>polyvalent</strong> Thème WordPress prêt pour la rétine.

principais características

<strong>Mélanger pleine largeur et petite/normale/grande taille de grille</strong> - Choisissez une grille pleine largeur ou standard petite / normale / grande pour l'en-tête, le pied de page ou le contenu séparément et créez une combinaison étonnante parfaite pour vous.

<strong>En-têtes entièrement personnalisables</strong> - Chaque page peut avoir son propre en-tête personnalisé avec une hauteur et une image d'arrière-plan ou un curseur différents.  Vous pouvez également avoir un en-tête fixe ON/OFF.

<strong>Activation/désactivation des animations AJAX</strong> - Choisissez entre 4 transitions animées AJAX fluides entre les pages pour une expérience créative ou désactivez AJAX pour créer un site Web classique.  Outre les animations prédéfinies, créez votre propre scénario en choisissant le type d'animation pour chaque page individuellement.

<strong>Pages bonus de parallaxe</strong> - PASSAGE est livré avec une fonctionnalité bonus incroyable - des pages Parallax faciles à créer, parfaites pour les présentations, les microsites ou une nouvelle page d'accueil.

<strong>Éléments interactifs</strong> – Compteurs, graphiques horizontaux, graphiques verticaux, graphiques, services avec animations, éléments avec animation

<strong>Slider Revolution Responsive WordPress Plugin inclus (valeur de 26 $)</strong> – Créez un slider responsive (mobile friendly) ou fullwidth avec des effets incontournables et en attendant conservez ou construisez votre optimisation SEO (tous les contenus toujours lisibles pour les moteurs de recherche)

<strong>Interface d'administration puissante et facile à utiliser</strong> - PASSAGE est livré avec une interface d'administration très intuitive et facile à utiliser.  Ajoutez un nombre illimité de curseurs et de diapositives pendant que vous modifiez une page/un article/un portefeuille, ajoutez un nombre illimité d'images ou de vidéos de portefeuille lors de la modification de votre élément de portefeuille, ajoutez une section de parallaxe illimitée à n'importe quelle page.

<strong>Prêt pour la rétine</strong> – Ce thème comprend des icônes haute résolution

<strong>Défilement lisse</strong> - Ce thème inclut le défilement fluide ON / OFF

<strong>Barres latérales multiples</strong> - Créez des barres latérales personnalisées illimitées et choisissez-les au niveau global ou au niveau de la publication / de la page

<strong>Deux menus déroulants</strong> - Choisissez entre les menus déroulants par défaut et les menus déroulants modernes

<strong>Design moderne et professionnel</strong> – Ce thème est conçu par une équipe de designers professionnels axés sur l'expérience utilisateur et le style de conception unique.

<strong>Entièrement réactif</strong> – PASSAGE est un thème WordPress entièrement réactif et fonctionne parfaitement sur toutes les tailles d'écran et tous les appareils mobiles.

<strong>Extrêmement personnalisable</strong> - Couleurs et tailles illimitées pour tous les éléments, plus de 500 polices Google et un backend robuste offrent une solution pour une variété d'utilisations professionnelles ou personnelles.

<strong>Disposition flexible</strong> – Utilisez notre mise en page de démonstration ou créez votre propre expérience visuellement différente en utilisant nos shortcodes modulaires et notre backend riche en fonctionnalités.

<strong>Codes abrégés modulaires</strong> - Soyez créatif avec des combinaisons illimitées de codes abrégés faciles à utiliser et créez rapidement tout type de page que vous aimez.

<strong>Prêt pour WPML</strong> – Entièrement compatible avec le plugin WPML – créez des sites Web multilingues

<strong>Traduction prête</strong> - Ce thème est entièrement préparé pour la traduction dans n'importe quelle langue à l'aide de fichiers po & mo

<strong>Moteur de recherche optimisé</strong> – Les moteurs de recherche indexeront facilement n'importe quelle page de votre site Web grâce à la prise en charge intégrée des moteurs de recherche.  Définissez des méta-mots-clés et une description pour chaque page individuelle et augmentez le classement SEO.

<strong>Code parfait</strong> – Codé en HTML5, CCS3 et jQuery, ce thème savamment construit est 100% valide.

<strong>Page de contact modulaire</strong> - Vous pouvez définir n'importe quelle combinaison entre Google Maps, le formulaire de contact et le contenu régulier.

<strong>Thème enfant prêt</strong> - Créez un thème enfant à partir du thème enfant factice inclus.

Nous ne détenons pas les droits d'auteur des images présentées dans ce thème.  Les images en question ne sont utilisées qu'à des fins de présentation sur nos démos.  Ces images ne peuvent pas être utilisées sur votre site Web, à moins que vous n'achetiez vous-même la licence auprès d'un site Web d'images d'archives.

Apoio cinco estrelas

Chaque fois que vous rencontrez un problème avec notre thème ou WordPress en général, nous sommes là pour vous aider.  Poster un commentaire, ouvrir un ticket <a rel="nofollow" href="http://qode.ticksy.com/" rel="nofollow">ici</a> ou écrivez-nous directement à <a rel="nofollow" href="mailto:[email protected]">[email protected]</a>

Histórico de atualização

Versão 2.1 - 15 de dezembro de 2020

- Added WordPress 5.6 compatibility
- Updated Passage Core plugin to 1.0.3
- Updated Revolution Slider to 6.3.3
- Fixed back functionality for ajax transition

Versão 2.0.2 - 20 de março de 2019

- Updated Passage Core plugin to 1.0.2
- Updated passage-core.pot and passage.pot translation files
- Improved theme security
- Fixed minor bugs

Versão 2.0.1 - 15 de março de 2019

- Updated Passage Core to 1.0.1
- Fixed bugs

Versão 2.0 (atualização principal) - 12 de março de 2019

- Added WordPress 5.x compatibility
- Added Passage Core plugin
- Updated Revolution Slider to 5.4.8.3
- Improved theme templates, modules and functions
- Improved theme security
- Improved theme performance (Added logic to create static css, js files instead of php (style_dynamic.php, style_dynamic_responsive.php and default_dynamic.php))
- Improved options image pop-up editor for dashboard panel
- Improved google map script on contact page to prevent potential error if Google Map API key is not set
- Improved comments list
- Escaped all variables, text domains etc.
- Renamed all functions, hooks, templates with unique name
- Hide Qode SEO Fields meta box if option is disabled through Qode Options
- Removed custom_css.php and custom_js.php files and improved logic to add custom code as inline
- Removed unnecessary functions, variables etc.
- Fixed theme text domain
- Fixed bugs

Versão 1.9.3 - 10 de agosto de 2018

- Added compatibility with PHP 7.2
- Updated Revolution Slider to 5.4.8
- Added Envato Market plugin as required
- Fixed Http to Https

Versão 1.9.2 - 20 de julho de 2017

- Updated Revolution Slider to 5.4.5.1
- Fixed PrettyPhoto for image with text over shortcode
- Fixed Google fonts link when SSL is enabled
- Fixed portfolio YouTube and Vimeo on HTTPS websites

Versão 1.9.1 - 14 de dezembro de 2016

- Updated Revolution Slider to 5.3.1.5

Versão 1.9 - 5 de outubro de 2016

- Added Google Maps API key field in Qode Options -> Global Options

Versão 1.8.1 - 7 de julho de 2016

- Updated Revolution Slider to 5.2.6
- Updated TGM Plugin Activation to 2.6.1
- Fixed Social Share functionality

Versão 1.8 - 14 de abril de 2016

- Adicionada compatibilidade com WordPress 4.5

Versão 1.7 - 13 de abril de 2016

- Updated Revolution Slider to version 5.2.4.1

Versão 1.6 - 21 de novembro de 2015

- Updated Revolution Slider to version 5.1.3
- Fixed Undefined index notice for Sidebar Custom Display

Versão 1.5 - 30 de junho de 2015

- Updated PrettyPhoto to 3.1.6
- Updated Revolution Slider to version 4.6.93
- Fixed prettyPhoto XSS

Versão 1.4 - 28 de abril de 2015

- Updated TGM Plugin Activation class for security vulnerability
- Updated Revolution Slider to version 4.6.9

Versão 1.3 - 29 de dezembro de 2014

- Updated Revolution Slider to version 4.6.5

Versão 1.2 - 9 de setembro de 2014

- Updated Revolution Slider to version 4.6

Versão 1.1 - 21 de abril de 2014

- Updated Revolution Slider to version 4.3.6
- Fixed WP 3.9 Qode Shortcodes button bug
- Fixed portfolio list load more on home page
- Fixed parallax on/off for touch devices

Versão 1.0.6 - 23 de dezembro de 2013

- Fixed WP 3.8 notices
- Updated Revolution Slider to version 4.1.4

Versão 1.0.5 - 3 de dezembro de 2013

- Updated Revolution Slider to version 4.1.1
- Fixed header height when header is not fixed
- Fixed social share retina icons
- Fixed highlight shortcode color bug
- Fixed deliting of custom sidebars
- Fixed portfolio list for new verison of Chrome

Versão 1.0.4 - 8 de outubro de 2013

- Fixed blog small image template responsive
- Fixed comment responsive
- Fixed tabs shortcode font style
- Fixed header when header no fixed
- Fixed back button when smooth scroll enable
- Fixed smooth scroll
- Fixed comments.php typo
- Fixed contact page first name value
- Fixed contact page when recaptcha is enable
- Fixed retina social icon css
- Fixed portfolio options links to open in new window
- Removed ie9.css file because it's empty

Versão 1.0.3 - 26 de agosto de 2013

- Updated Revolution Slider to version 3.0.95
- Added VK social icon in social icon list
- Fixed contact form "last name" passing to email confirmation
- Fixed header position when title area is hidden

Versão 1.0.2 - 5 de agosto de 2013

- Added multiple sidebars support
- Added global sidebar settings for single blog to Qode Options under "Blog" section
- Added option to edit smooth scroll colors to Qode > Elements
- Updated translation files
- Fixed portfolio single info column (move on scroll) bug
- Fixed mobile menu css bug

Versão 1.0.1 - 31 de julho de 2013

- Added field to Qode options to center logo and menu
- Added "..." to Latest Posts shortcode when text_length is defined
- Improved parallax logic for touch devices

Versão 1.0.0 - 17 de julho de 2013

- Lançamento inicial

[Ad_2]

Mintie – Thème WooCommerce Arts & Crafts

Mintie – Thème WooCommerce Arts & Crafts

.

[Ad_1]

(Todos os recursos estão em inglês, portanto, aqui fornecemos uma tradução gerada automaticamente pelo Google para ajudá-lo a compreender a funcionalidade deste recurso WordPress. Para conteúdo original, por favor clique aqui para acessar nosso blog.)

Mintie est un thème WordPress WooCommerce attrayant, moderne et propre pour le magasin d’artisanat. Ce beau thème est parfait pour tous les types de sites de commerce électronique : magasins faits à la main, galerie d’artisans, boutique d’artisanat…

Mintie propose plus de 9 pages d'accueil de démonstration prédéfinies et d'excellentes fonctionnalités qui aideront votre boutique à se démarquer de la foule.  Avec de nombreux modèles de boutiques et de pages de produits, vous pouvez facilement créer une boutique en ligne et présenter des produits.  Il est entièrement réactif et contient de nombreux plugins WordPress puissants tels que WooCommerce - plugin de commerce électronique, Elementor Page Builder, Slider Revolution, Contact Form 7.

01-desc-intro
02-desc-demos
03-desc-shop-layout
04-desc-layouts de produtos
05-desc-product-type
06-desc-woocommerce
Elementor
slider-révolution
07-desc-plugin
Sem título-1
Assistência dedicada

Visão geral funcional

  • Construtor de páginas Elementor:

    Elementor est le meilleur générateur de page WordPress GRATUIT, avec plus de 3 millions d’installations actives. Créez de superbes sites Web à l’aide d’une simple interface de glisser-déposer.
  • Importateur de démonstration en un clic :

    Com o importador de dados de demonstração, você estará configurado e pronto para personalizar seu site em minutos.

Recursos do tema:

  • Pesquisa de produtos AJAX em tempo real
  • Visão rápida do produto AJAX
  • Beau design qui a l’air bien et fonctionne bien sur tous les appareils
  • 9 ensembles de données de démonstration avec des présentations de page d’accueil uniques
  • Opções avançadas de tema
  • Assistência dedicada
  • Mega menus exclusivos
  • Atualizações constantes
  • Controle deslizante de revolução incluído
  • fontes do Google
  • Documentação detalhada

DEMO BAIXAR 29

[Ad_2]

EDUSO – Página de destino da educação

EDUSO – Página de destino da educação

.

[Ad_1]

(Todos os recursos estão em inglês, portanto, aqui fornecemos uma tradução gerada automaticamente pelo Google para ajudá-lo a compreender a funcionalidade deste recurso WordPress. Para conteúdo original, por favor clique aqui para acessar nosso blog.)

EDUSO – Unbounce Educational Landing Page é único, moderno, criativo, responsivo. Design de template adequado para instituições de ensino como universidades e faculdades, cursos online/e-learning e eventos. Design limpo, nítido e simples que pode ser facilmente adaptado e usado para uma variedade de sites de nicho semelhantes.

<strong>EDUSO </strong> est très facile à configurer et à personnaliser et est livré avec un fichier d'aide bien documenté, qui vous aidera à configurer le modèle en quelques minutes.

Características:

  • Educação, Universidade, Escola, Curso
  • Cursos online, treinamento online, faculdade
  • 100% responsivo
  • Interface de usuário totalmente responsiva e mais avançada
  • Design limpo
  • fontes do Google
  • Códigos limpos e bem comentados
  • Bem documentado
  • formulário de contato
  • Compatível com todos os navegadores – IE10+, Chrome, Firefox, Safari, Opera
  • E muito mais

Layouts atraentes e eficazes:

Formulário de Contato :

<img src="https://blogpascher.com/wp-content/uploads/2022/01/1641770676_366_Education-Page-de-destination-educative.jpg" alt="\" />

<strong>100 % réactif pour tout type d'appareil mobile, tablette, ordinateur portable et de bureau.</strong>

\

Se você gosta deste modelo, por favor classifique-o
EDUSO - Education Landing Page - 1
EDUSO - Education Landing Page - 2
EDUSO - Education Landing Page - 3
EDUSO - Education Landing Page - 4
EDUSO - Education Landing Page - 5

[Ad_2]

Plugin de e-mail de carrinho abandonado WooCommerce, recuperar carrinhos abandonados

Plugin de e-mail de carrinho abandonado WooCommerce, recuperar carrinhos abandonados

.

[Ad_1]

(Todos os recursos estão em inglês, portanto, aqui fornecemos uma tradução gerada automaticamente pelo Google para ajudá-lo a compreender a funcionalidade deste recurso WordPress. Para conteúdo original, por favor clique aqui para acessar nosso blog.)


O plugin WooCommerce Abandoned Cart envia um e-mail de lembrete aos usuários sobre suas compras incompletas. Você pode adicionar cupons de desconto e e-mails de carrinho abandonado para incentivar seus clientes em potencial a concluir a compra. Examine o relatório de desempenho e as conversões de produtos para avaliar a taxa de sucesso do redirecionamento de usuários com carrinhos abandonados.

  • Envie vários lembretes por e-mail para os clientes
  • Envie um link direto para o carrinho em um lembrete por e-mail
  • Adicione automaticamente um cupom de desconto em um e-mail
  • Capacidade de oferecer desconto fixo / percentual ou entrega gratuita
  • Rastreia carrinhos de convidados abandonados
  • Crie vários modelos de e-mail
  • Receba notificação de cestas inacabadas e recuperadas
  • Acompanhe os resultados (graças ao relatório de desempenho avançado)
<img src="https://blogpascher.com/wp-content/uploads/2021/08/1629510298_813_Plugin-de-filigrane-dimage-de-produit-WooCommerce.png" alt="Offre WooCommerce OptimusX" />


<strong><h2 id="item-description__send-multiple-woocomemrce-abandoned-cart-reminders">Envoyer plusieurs rappels de panier abandonné WooComemrce</h2></strong>

O plugin WooCommerce Abandoned Cart ajuda você a enviar vários lembretes para seus compradores em potencial. As opções de personalização permitem configurar um modelo de e-mail e conteúdo que melhor se adapte às suas necessidades de negócios.

O abandono de carrinho do WooCommerce ajuda você a criar uma variação de modelos de e-mail com assunto personalizado e conteúdo de corpo que atende a diferentes usuários. Isso ajuda você a moldar uma mensagem de e-mail e torná-la mais eficaz para alcançar um usuário-alvo.

O plugin WooCommerce Abandoned Cart Reminder permite notificar os usuários que deixaram carrinhos incompletos. Você pode definir um horário, ou seja, 5 minutos ou uma hora, para enviar o e-mail de lembrete com desconto. Incentive os usuários a concluir a compra com desconto no carrinho ou frete grátis.

  • Configure o horário para enviar e-mails de lembrete
  • Ofereça frete grátis ou um desconto fixo ou percentual no carrinho
  • Defina o número de vezes para enviar um lembrete

E-mail de carrinho abandonado WooCommerce com desconto e exemplo de frete grátis
O plugin WooCommerce Abandoned Cart Reminder está equipado com relatórios de desempenho para ajudá-lo a avaliar a taxa de sucesso dos e-mails de lembrete. Você pode ver o número total de pedidos recuperados versus o número total de abandonos de carrinho.

Você pode definir as configurações de notificação por e-mail para receber alertas quando um usuário deixar o carrinho inacabado ou retornar para concluir o carrinho abandonado. Receba e-mails oportunos para realizar ações promocionais quando um usuário sair sem verificar o carrinho.

Além de usuários registrados, você também pode rastrear carrinhos abandonados de usuários convidados. O plugin WooCommerce Abandoned Cart Reminder permite redirecionar usuários convidados do seu site e transformá-los em clientes. Além disso, você pode definir um horário limite para carrinhos abandonados.

Aproveite a flexibilidade de enviar e-mails de lembrete de carrinho incompletos. Você pode obter as informações do usuário do plug-in, personalizar o modelo de e-mail e enviá-lo aos usuários manualmente. Personalizar e-mails para lembretes manuais pode gerar melhores resultados para suas campanhas.

Opção de envio de e-mail manual do carrinho abandonado WooCommerce

Descubra o que os clientes estão dizendo sobre nossos produtos

\

Recursos extras do WooCommerce Recuperar carrinho abandonado

  • Uma lista completa de carrinhos abandonados para visualizar ou excluir
  • Lista de cestas de recuperação para avaliar a resposta do usuário
  • Lista de e-mails enviados para revisar a atividade de automação de lembretes
  • Lista de relatórios de produtos para ver quais produtos são os mais abandonados
  • Configurações de notificação por e-mail para usuários finais

[Ad_2]

AWS Amazon Transcribe – Conversor de fala para texto

AWS Amazon Transcribe – Conversor de fala para texto

.

[Ad_1]

(Todos os recursos estão em inglês, portanto, aqui fornecemos uma tradução gerada automaticamente pelo Google para ajudá-lo a compreender a funcionalidade deste recurso WordPress. Para conteúdo original, por favor clique aqui para acessar nosso blog.)

AWS Amazon Transcribe - Conversor de fala em texto - 1

CUIDADO:

Para executar o Demonstração de transcrição ao vivo corretamente, remover Envato iFrame no canto superior direito, por algum motivo o framework envato está bloqueando a conexão segura com nosso servidor.

Descrição:

Transcrição da AWS Amazon usa um processo de aprendizado profundo chamado reconhecimento automático de fala (ASR) para converter fala em texto com rapidez e precisão. Com a tecnologia Automatic Speech Recognition (ASR), os clientes podem optar por usar o Amazon Transcribe para uma variedade de aplicativos de negócios, incluindo transcrição de chamadas de voz de atendimento ao cliente, geração de legendas no conteúdo de áudio/vídeo.

Para usar o Amazon Transcribe, você armazena seu arquivo de áudio em um bucket do Amazon S3. A saída do trabalho de transcrição também é armazenada em um bucket do S3.

Você também pode usar o Amazon Transcribe para transcrever streaming de áudio em tempo real. Você envia um stream de áudio ao Amazon Transcribe e o Amazon Transcribe retorna um stream de objetos JSON contendo a transcrição do áudio. Converta facilmente sua fala em texto com o conversor de fala em texto do Amazon Transcribe.

Instalação:

  • NOTA: Bons conhecimentos (ou pelo menos vontade de aprender) Console de gerenciamento da AWS, Amazon Lambda et Amazônia SE serviços são obrigatório
  • Se a resposta do e-mail for não há necessidade, não há necessidade de usar os serviços Amazon Lambda e Amazon SES. Você deve incluir seu Acesso de usuário do AWS IAM e chave de acesso secreta e seu Nome do bucket da AWS e você é tudo está pronto !

Benefícios do Amazon Transcribe:

  1. Tecnologia ASR de aprendizado profundo da Amazon Web Services
  2. Suporte para mais de 30 idiomas e sotaques
  3. Suporte para várias extensões de áudio: MP3 | MP4 | WAV | FLAC
  4. Até 4 horas de duração do arquivo de áudio
  5. Tamanho de arquivo de áudio de até 2 GB
  6. Suporte de vocabulário personalizado
  7. Até 60 min/mês durante o nível GRATUITO
  8. Transcreva streaming de áudio com HTTP/2 e Websockets
  9. Menor custo, apenas US$ 0,0004/segundo
  10. Modelo de pagamento à vista
  11. Carga mínima de 15 segundos por solicitação
  12. Grave e baixe arquivos de áudio
  13. Fácil de personalizar

AWS Amazon Transcribe - Conversor de fala em texto - 2

Custo para executar o Amazon Transcribe – Conversor de fala para texto:

Com Transcrição da Amazon, você paga por uso com base em segundos de áudio transcritos por mês. É fácil começar a usar o plano gratuito do Amazon Transcribe. Assim que você se inscrever, comece a analisar até 60 minutos de áudio por mês, gratuitamente nos primeiros 12 meses.

A API do Amazon Transcribe (incluindo transcrição de streaming) é cobrada mensalmente a uma taxa de US$ 0,0004 por segundo. O uso é cobrado em incrementos de um segundo, com um mínimo de 15 segundos por solicitação.

AWS Amazon Transcribe - Conversor de fala em texto - 3

Instruções de instalação:

Configuração necessária:
Arquitetura de back-end da AWS do aplicativo:

AWS Amazon Transcribe - Conversor de fala em texto - 4

Créditos:

Notas de Lançamento - Alterar registros:

24.02.2020 - 1.0.0 - Lançamento inicial

AWS Amazon Transcribe - Conversor de fala em texto - 5AWS Amazon Transcribe - Conversor de fala em texto - 6

[Ad_2]

Elementor: Como criar uma página personalizada para WooCommerce

Elementor: Como criar uma página personalizada para WooCommerce

Gostaria de aprender como criar uma página personalizada para uma loja WooCommerce com Elementor?

Como você deve saber, o Elementor Pro vem com um recurso construtor WooCommerce que permite que você crie um site de comércio eletrônico personalizado com WooCommerce sem codificação. Este recurso permite que você crie páginas WooCommerce personalizadas usando o editor visual do Elementor, que oferece uma interface intuitiva.

Veja também: Como instalar o Elementor no WordPress

No momento de escrever este artigo, você pode criar páginas personalizadas para a página da loja, página do produto e páginas de arquivo do produto (tags e categorias). Em breve, você também poderá criar páginas personalizadas para a página de checkout e a página do carrinho.

Neste artigo, mostraremos como criar uma página de loja WooCommerce personalizada usando o recurso de construtor WooCommerce do Elementor Pro.

A página da loja em si é uma das páginas padrão do WooCommerce. Esta página funciona como uma vitrine para exibir seus produtos. Você pode acessar esta página indo para seusite.com/store. Por padrão, a página da loja WooCommerce exibe apenas produtos WooCommerce.

Ao criar uma página de loja personalizada usando o Elementor Pro, você pode adicionar elementos para tornar sua vitrine mais atraente.

Como criar uma página personalizada de uma loja WooCommerce com Elementor

Existem pelo menos dois widgets Elementor que você pode usar para criar uma página personalizada de uma loja WooCommerce: Produtos de arquivo e Produtos.

Neste exemplo, usamos o último.

A função do widget Produtos é bastante semelhante ao do widget Postagens. A diferença é que o widget Produtos é usado para exibir produtos WooCommerce enquanto o widget Postagens é usado para exibir postagens de blog.

Leia também: Como importar ou exportar modelos no Elementor

Observe que você só pode encontrar o widget Produtos quando o plug-in WooCommerce está instalado e ativado.

Para começar a criar uma página de loja WooCommerce personalizada usando Elementor Pro, vá para primeiro à Modelos -> Criador de temas no painel do WordPress. Clique na aba Produtos arquivo da página Theme Builder e, a seguir, clique no botão adicionar a ARQUIVO DE PRODUTOS.

Dê um nome à sua modelo e clique no botão CRIE UM MODELO.

como criar uma página personalizada para uma loja WooCommerce com ElementorExistem três modelos de página de loja personalizados que você pode escolher caso queira criar a página de loja personalizada a partir de um modelo. Se você deseja criar a página da loja personalizada do zero, basta fechar a biblioteca de modelos.

Veja também: Como usar o Color Sampler no Elementor

Neste exemplo, criaremos a página da loja personalizada do zero. Conforme mencionado acima, usaremos o widget Produtos para exibir os produtos.

Antes de adicionar o widget Produtos à caixa de edição, você pode definir o layout adicionando seções e colunas. Assim que o layout estiver pronto, você pode simplesmente arrastar o widget Produtos para a caixa de edição.

Como você pode ver, o widget Produtos carrega e exibe automaticamente os produtos WooCommerce mais recentes. Você pode modificar a consulta abrindo o bloco Inquerir sob a guia Conteúdo no painel de configurações. Existem cinco opções para escolher:

  • Consulta Atual - Consulta Atual
  • Últimos produtos - Últimos produtos
  • Venda - Venda
  • Apresentado - Apresentado
  • Seleção manual - Seleção manual

Você também pode definir a ordem em que os produtos são exibidos ou excluir certos

como criar uma página personalizada para uma loja WooCommerce com Elementor

Para definir o número de colunas e linhas, você pode abrir o bloco Conteúdo sob a guia Contente. A partir deste bloco, você também pode ativar o paginação.

Você pode brincar com o painel de configurações até obter as melhores configurações para o widget Produtos. Quando terminar de usar o widget Produtos, você pode adicionar mais widgets à sua página.

Leia também: Como usar o seletor de cores no Elementor

Assim que terminar de editar a página, você pode clicar no botão PUBLICAR na parte inferior do painel de configurações.

Adicione uma condição de exibição clicando no botão adicione uma condição. Como você deseja criar uma página de loja personalizada, selecione a opção Loja Página. Clique no botão SALVAR FECHAR para salvar a mudança.

como criar uma página personalizada para uma loja WooCommerce com Elementor

Até agora, você criou com sucesso a página da loja WooCommerce personalizada usando o Elementor Pro. Você pode ir em seu site.com/store para verificar o resultado.

Personalize o widget Produtos

Antes de publicar sua página, você pode personalizar o widget Produtos para torná-lo mais atraente. Para fazer isso, clique no widget na caixa de edição e navegue até a guia Estilo no painel de configurações. Existem quatro blocos que você pode abrir da seguinte maneira:

  • Produtos

Você pode abrir este bloco para definir a lacuna entre colunas e linhas. A partir deste bloco, você também pode definir a tipografia (família da fonte, tamanho da fonte, etc.), bem como a cor do texto dos elementos do produto, como título do produto, preço do produto, avaliação do produto. Produto, etc…. Você também pode definir a borda da imagem do produto,

  • Caixa

Nesse contexto, Box refere-se à embalagem de cada produto. Você pode abrir o bloco Caixa para definir a largura da borda do contêiner, o raio da borda, sombra da caixa, a cor de fundo, a cor da borda, etc.

  • Paginação

Se você ativar a opção Paginação do bloco Conteúdo, você pode abrir o bloco Paginação sob a guia Estilo para personalizar a paginação. Você pode definir coisas como espaçamento, cor da borda, cor de fundo, etc.

Você também pode definir parâmetros diferentes em cada estado (normal, apontando e ativo).

  • Venda Flash

Ao adicionar um novo produto no WooCommerce, você pode definir um atributo de preço de venda para mostrar aos visitantes que o produto associado tem desconto. Para enfatizar isso, você pode exibir o atributo de venda na página da loja para que os produtos com desconto tenham um emblema de venda.

Você pode abrir o bloco Venda Flash para personalizar o selo de venda. Você pode definir elementos como cor do texto, cor do fundo, tipografia, raio da borda, tamanho (largura e altura), distância, etc….

No final

WooCommerce Builder é um dos recursos oferecidos pelo Elementor Pro. Ele permite que você crie um site de comércio eletrônico exclusivo e personalizado com WooCommerce e sem codificação. Não há necessidade de instalar um tema WordPress que afirma ser projetado para WooCommerce. Em vez disso, você mesmo pode criar páginas WooCommerce personalizadas usando o editor visual do Elementor.

Leia também: Como adicionar divisor para criar seção no Elementor

Até a versão 3.2.2, o Elementor Pro permite apenas a criação de uma página de loja personalizada, página de produto único personalizado e páginas de arquivo de produto personalizado. Mas a Elementor anunciou que na próxima versão do Elementor Pro, você também será capaz de criar uma página de carrinho personalizada, uma página de checkout personalizada e uma página de conta de cliente personalizada.

Obtenha o Elementor Pro agora!

Conclusão

Aqui está ! É isso neste artigo que mostra como criar uma página personalizada para uma loja WooCommerce com Elementor. Se você tiver alguma dúvida sobre como chegar lá fdeixe-nos saber no Comentários.

No entanto, você também pode consultar nossos recursos, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress ou aquele em Divi: o melhor tema WordPress de todos os tempos.

Mas enquanto isso, compartilhe este artigo em suas diferentes redes sociais.

...

Como criar uma imagem de herói: práticas recomendadas e exemplos

Como criar uma imagem de herói: práticas recomendadas e exemplos

Imagens de herói são o que os criadores da web costumam usar para saudar os visitantes de seu site em um formato atraente.

Se você já se perguntou " o que é uma imagem de herói? ", Você está no lugar certo. Neste artigo, daremos uma olhada no tópico e como você pode criar belas imagens de heróis com efeitos visuais poderosos.

Uma imagem heroica é o termo usado pelos criadores da web para descrever o conteúdo superdimensionado na parte superior de uma página da web.

O papel da imagem de um herói é saudar o visitante assim que ele se encontrar com sua empresa ou organização. A abundância de tipos de imagens de herói no kit de ferramentas de design da web fornece muitos motivos para incluir uma imagem de herói em seu site.

Vamos entender as principais vantagens de fazer isso e por quê?

O que é uma imagem de herói?

Abraçando a virtude de uma "boa primeira impressão", as imagens do herói normalmente têm uma ou mais das seguintes características:

  • Uma imagem de alta qualidade
  • Um vídeo cativante
  • Um controle deslizante de imagem ou um carrossel multimídia
  • Ilustração animada ou estática
  • Cabeçalhos e descrições ao lado ou na frente do conteúdo visual

Em termos de estilo, os detalhes de design comuns que você verá aplicados às imagens principais incluem:

  • Imagens de fundo ou vídeos com sobreposições de fundo
  • Posicionamento fixo ou aderente
  • Apontar afeta a mudança na transparência ou sobreposição
  • Elementos de contraste que diferenciam a imagem do cabeçalho acima ou do conteúdo subsequente

A novidade das imagens heróis no web design é que por um lado você está trabalhando com um espaço muito específico e definido na página da web. Por outro lado, as opções de estilo, efeitos e técnicas a serem usados ​​ao projetar esta parte do conteúdo da sua página são absolutamente infinitas.

Por que você deve usar uma imagem de herói?

Quando o design e a funcionalidade de sua imagem de herói são de alto calibre, você atinge automaticamente a credibilidade e a confiança do usuário. Sua imagem de herói e o conteúdo de herói que o cerca são frequentemente sua primeira oportunidade de retransmitir o ponto de venda exclusivo de sua organização e o principal ponto de contato do usuário para conversão.

Ao procurar desencadear determinados comportamentos do usuário, uma imagem de herói de primeira linha e poderosa que causa uma forte primeira impressão nos visitantes é a melhor maneira de começar.

Você pode causar uma primeira impressão duradoura

As primeiras impressões são importantes em muitas áreas da vida, mas especialmente quando se trata de como os usuários se relacionam com a estética do site.

Os resultados de especialistas em interação homem-máquina (HCI) e visualização em Pesquisa do Google atestar a influência das imagens heróicas no sucesso de um site:

Este estudo, " O papel da complexidade visual e da prototipicidade nas primeiras impressões do site : trabalhar na compreensão de julgamentos estéticos ”, Estuda como a complexidade visual e a prototipicidade impactam o design de um site e as primeiras impressões de seus usuários.

Os autores mostraram 119 capturas de tela reais do site para os participantes do estudo e descobriram que a complexidade visual e a prototipicidade afetam a percepção estética do usuário nas primeiras 50 imagens da exibição, e às vezes até em 17 ms.

Como criadores da web, nossa conclusão é bastante simples: a imagem de herói que escolhemos e a forma como a apresentamos em nossa página influenciam o sentimento e o comportamento do usuário de uma maneira importante.

Você obterá o máximo do seu conteúdo acima da dobra

design web acima da dobra
Retirado de: crazyegg.com

A seção "acima da dobra" de uma página da web pode ser definida em termos simples: conteúdo que preenche sua tela / aparece acima da borda inferior da janela do navegador da web após o carregamento de sua página. Se o conteúdo requer rolagem para ser visto, significa que ele está localizado "sob a dobra".

O conceito de “acima da dobra” originou-se no design de impressão e publicação, muito antes da era da mídia digital. Todos nós sabemos o que é notar imediatamente algo na metade superior de uma primeira página, e é até seguro dizer que o conteúdo da primeira página é muitas vezes o que nos faz decidir se devemos comprar ou não, um jornal, ou simplesmente parar em uma banca de jornal.

É exatamente por isso que seu conteúdo acima da dobra pode ser um grande fator para o sucesso do seu site.

O que isso significa?

Se um visitante do site ficar confuso com o seu conteúdo e as imagens acima da dobra, ele sairá rapidamente do seu site. Se sua imagem de herói e seu ambiente acima da dobra forem claros, envolventes e bem representativos de sua proposta de valor, ele estará mais inclinado a permanecer por perto.

Em última análise, quanto mais você investe na imagem e no conteúdo de sua seção de heróis, menor é a probabilidade de os usuários saírem rapidamente.

Não se esqueça do Design Responsivo

Lembre-se de que a localização de um vinco na tela depende do tamanho da tela do dispositivo. Essa é uma consideração importante no design responsivo, já que o conteúdo acima da dobra deve ser personalizado e configurado de forma que seja aplicável a vários tamanhos de dispositivo.

Web designers e desenvolvedores costumam usar pontos de interrupção específicos do dispositivo para garantir essa capacidade de resposta. Isso lhe dá controle total sobre a adaptabilidade do design do seu site aos tamanhos de tela relevantes e evita o comprometimento da aparência ou o impacto da imagem principal.

Declare sua proposta de valor sem sobrecarga de informações

como criar uma imagem de herói

Você pode estar familiarizado com o conceito de "sobrecarga de informaçãoNo design do site e a experiência do usuário : Queremos evitar o uso de muito conteúdo, especialmente conteúdo escrito, ao representar nossa marca e nosso valor comercial.

Nesse sentido, o uso de uma imagem, ilustração ou vídeo vale 1 palavras. O ajuste fino de imagens de marca eficazes irá capturar toda a sua história em um meio visual. Em vez de verbalizar sua história e proposição de marca, você pode aliviar a carga cognitiva do usuário de uma forma simples e amigável.

A imagem acima foi tirada de Construção Millbrook, uma empresa de construção com sede em Perth, especializada em "construção residencial com acabamentos de alta qualidade e atenção aos detalhes". Para o site Elementor, a imagem principal na página inicial faz uso perfeito de sua interface “acima da dobra”. A fotografia nítida e atraente de uma casa moderna e feliz com uma piscina externa gera vibrações positivas e relaxantes.

Indo um passo adiante, as opções de estilo da imagem de fundo de altura total e o tamanho de um 'cobertor' indicam o talento robusto da empresa para criar propriedades residenciais luxuosas. A proposta de valor é tão clara quanto a água de uma piscina, e os usuários absorvem confortavelmente todas as informações necessárias.

Suas imagens de herói podem ajudar a converter leads

como criar uma imagem de herói

Pontos de contato atraentes e visíveis são um ingrediente básico para um fluxo de usuário de conversão-reprodução. É por isso que a relação entre a frase de chamariz da seção de herói e sua própria imagem de herói pode fazer ou quebrar seus objetivos de construção de site.

Deixe seus textos de CTA dizerem " Registe-se agora "," Mais informações "," Entre em contato conosco! », Etc., sua imagem de herói deve ser coordenada de forma transparente em todas as frentes: visibilidade, mensagem, esquema de cores, aparência, etc.

Conversas confiáveis ​​e eficazes com clientes em potencial são baseadas em um ambiente confortável e natural; imagens visualmente agradáveis ​​são a melhor maneira de conseguir isso.

Isso é exatamente o que vemos no site Elementor criado por STL Caricature, uma equipe de cartunistas que fornecem serviços de entretenimento para eventos. O título animado (texto do herói) retrata os clientes felizes em suas imagens de herói, mostrando o que os cartunistas fornecem para cada pessoa.

Então, depois de arregaçar as mangas e começar a entrar nos aspectos práticos, o que entra no processo de decidir que tipo de imagem de herói usar?

Vamos explorar os quatro tipos diferentes de imagens de heróis e como avaliar qual é a melhor para o seu site.

Imagem de herói do produto nº 1

como criar uma imagem de herói

A imagem do herói do produto é uma imagem grande em alta definição do produto da marca. Essas imagens podem ser apresentadas estáticas ou em movimento / ação, desde que ajudem a visualizar a proposta de valor do produto.

Maneiras populares entre os web designers de mostrar e personalizar as imagens do herói do produto podem incluir:

  • Um exemplo detalhado / instantâneo de um produto individual, como vemos acima no site da empresa amante australiano de avo por assinatura.
  • Captura de tela de uma interface de produto digital, como um painel.

Imagens de heróis de produtos são geralmente encontradas em sites de comércio eletrônico (mas não exclusivamente). Os compradores em potencial esperam ver exemplos reais de produtos, ajudando a tomar decisões informadas sobre a adequação da loja às suas necessidades de compra.

O Avo lover usou a Elementor para criar seu site de comércio eletrônico, que seus clientes usam para comprar assinaturas semanais de abacates frescos entregues em sua porta.

A base de clientes do Avo lover é um nicho de mercado em uma área de interesse estreitamente definida, então a escolha da imagem do herói do produto faz todo o sentido. Os assinantes em potencial são entusiastas do abacate; ver uma fotografia detalhada e de perto dos produtos é exatamente o que eles procuram ver.

Melhores Práticas:

  • Invista na qualidade das imagens de fundo

Quer a sua imagem de fundo seja uma fotografia, vídeo, ilustração, etc., o arquivo de imagem deve ser o mais leve possível, com resolução cristalina.

  • Preste atenção aos níveis de contraste

Se você adicionar texto na frente da imagem da seção do herói (ou componente de qualquer tipo), certifique-se de que o contraste entre os elementos do site seja forte e facilmente visível. É aqui que as sobreposições de fundo e os efeitos de filtro podem ser extremamente úteis.

# 2 Imagem do herói do cliente

O seguinte tipo de imagem de herói usado por negócios online tem uma abordagem alternativa para mostrar seu valor agregado: mostrar seu cliente usando o produto. Essa perspectiva é uma forma estratégica de ter empatia com seus visitantes, demonstrando de forma sucinta que você entende seu ponto fraco e pode atender às suas necessidades.

O videoclipe acima foi retirado do site Elementor criado por Alexandre Fischer, um personal trainer baseado em Stuggart que fornece uma variedade de serviços relacionados à saúde e ao condicionamento físico.

A imagem de herói do cliente de Alexander mostra mais do que um cliente satisfeito desfrutando de um estilo de vida saudável e em forma. A imagem do herói vai um passo além, apresentando um vídeo que mostra o vínculo do cliente e a conexão com entes queridos.

Melhores Práticas:

  • Compartilhe seus casos de uso e experiência do cliente

Diferencie seu produto mostrando seu caso de uso mais dominante. Uma imagem que transmite seus objetivos e valor de negócios mostra como o visitante se beneficiará de sua oferta exclusiva.

  • Relacione-se com o seu público-alvo

Certifique-se de que seu público-alvo seja considerado ao selecionar o tipo de pessoa a ser destacada em sua imagem. Escolha uma imagem que comunique sua compreensão do campo e sua capacidade de encantar seus clientes.

# 3 Imagem do herói fundador

como criar uma imagem de herói

A imagem do herói fundador é uma grande imagem do fundador do proprietário da empresa, colocada na seção do herói para saudar o visitante do site.

As imagens dos heróis fundadores costumam ser usadas em sites de portfólio para freelancers, proprietários de empresas como psicólogos, maquiadores ou músicos, conforme mostrado no Site da Elementor por Jasmine Cain acima.

A maior virtude da imagem de um herói fundador é que ela dá um rosto a um nome; conecta o visitante do site ao provedor de serviço, criando uma dinâmica agradável entre os dois indivíduos.

A escolha das imagens para a imagem do herói fundador deve ser tratada com cuidado. Com muitas opções para escolher, que se resumem a:

o que vai transmitir a mensagem da sua marca da maneira mais forte possível?

Esta é uma foto do fundador olhando diretamente para a câmera e sorrindo, ou talvez olhando em uma direção diferente?

Ou uma foto sincera do empresário trabalhador seria mais adequada?

Melhores Práticas:

  • Preste atenção ao dimensionamento e dimensões

Use uma imagem (ou vídeo) nítida e de bom tamanho que mostre aos visitantes os detalhes exatos que eles precisam ver. Se necessário, você pode se concentrar em áreas maiores de suas imagens, recortando-as e removendo conteúdo menos importante.

  • Concentre-se no que sua imagem deve transmitir

O papel do plano de fundo deve ser o de enfocar a pessoa à sua frente, e não o contrário. As imagens do herói fundador mais impactantes mostrarão o empresário sorridente, sugerindo sua paixão por manter os clientes felizes.

# 4 Imagem principal não contextual

como criar uma imagem de herói

As imagens não contextuais do herói são, como o nome sugere, sequências que exibem algo aparentemente "não relacionado" ao proprietário do produto ou negócio. O objetivo de uma imagem de herói não contextual é causar uma impressão no visitante por meio de uma associação visual ou de uma mensagem subliminar. A visualização da imagem não contextual mostra ao usuário qual é o produto ou marca, mas de forma indireta.

Esta técnica é usada, por exemplo, no exemplo acima do site da Elementor construído pela empresa de marketing digital Tecnologia AP, com sede em Oklahoma. O site da empresa usa uma imagem de fundo ampla e nítida que mostra um ângulo único dos arranha-céus de Oklahoma City.

Esta fotografia representa a proposta de valor da empresa, conforme declarado no texto herói do site: Construa seu negócio e veja-o crescer, tão alto quanto as torres de escritórios mais altas da cidade.

Assim que o olho humano vê as estruturas físicas dominando o céu, ele entende que esses profissionais de marketing estão trabalhando para fazer os negócios decolarem, crescerem.

Melhores Práticas:

  • Certifique-se de que os visitantes entendam por que a imagem é relevante

Embora você não exiba um visual direto de seu produto em si, certifique-se de que conectar o valor do seu produto com sua imagem de herói não contextual ainda seja fácil de identificar. Os usuários não devem perder tempo pensando sobre sua relevância.

  • Faça uma ligação clara entre a imagem principal e o texto principal

O texto principal que você coloca em conjunto com sua imagem deve estar diretamente relacionado ao seu conteúdo visual. É uma necessidade, mesmo que requeira várias iterações de seu texto e a escolha da redação.

  • Crie um esquema de design coeso

As cores que você escolhe para os textos e fundos dos botões, cabeçalhos ou descrições devem combinar com a imagem ou arte do herói. Isso também se aplica a acentos clicáveis ​​em seu site:

os elementos do menu de navegação, o logotipo, etc ...

Todos nós sabemos a importância de uma linguagem visual consistente para o prestígio do nosso site, a presença da marca e a credibilidade profissional. É aqui que os guias de estilo de design podem ser realmente úteis, especialmente para garantir que as imagens dos heróis estejam alinhadas com o design do seu site.

Como testar sua imagem de herói: os métodos que gostamos

Depois de começar a experimentar várias opções para sua imagem de herói, você pode avaliar imediatamente qual opção gera mais engajamento e obter informações sobre o design mais eficaz - e, finalmente, ficar com aquele.

Aqui estão alguns métodos de teste obrigatórios que são fáceis de configurar e fornecem uma riqueza de conhecimento para garantir que você esteja usando a melhor imagem de herói possível.

Teste A / B sua imagem de herói

O teste A / B exige que o designer crie duas ou mais opções para a seção do herói (sejam duas versões dos títulos e sua cópia, a própria imagem do herói, a seção de layout, tamanho da fonte ou qualquer outra coisa que você possa imaginar) - depende totalmente de você.

Imagine que você decidiu usar um modo de mesclagem quando os usuários passam o mouse sobre a imagem do herói, mas não sabe qual modo melhorará mais a experiência do usuário.

Execute um Teste A / B entre duas opções de modo diferentes (existem 13 opções de modo de mesclagem, afinal), permite que você experimente mais de um modo para ver qual obtém mais focos, cliques e, finalmente, mais engajamento.

Uma das etapas mais comuns e importantes no teste A / B da seção do herói é também testar pelo menos duas opções de botão de CTA - para identificar qual botão obtém mais conversões.

Especificamente, testar a cor de um botão de CTA é sempre uma experiência útil que permite entender qual cor de botão atrai e envolve mais os usuários. O teste A / B de cor de botão é muito popular entre os web designers porque é rápido e fácil de executar e dificilmente requer recursos de design adicionais.

Use ferramentas de mapa de calor para descobrir o comportamento do usuário

As ferramentas de mapa de calor identificam e analisam os locais onde os usuários clicam em uma página da web. Essas ferramentas permitem que os proprietários de sites e páginas de destino vejam exatamente como os usuários estão navegando ativamente no conteúdo. Isso é realizado quando a ferramenta identifica se os usuários estão ou não interagindo com elementos-chave (e como), como links, botões, opções e, claro, CTAs.

Aqui estão algumas informações que os proprietários de sites podem obter com o uso de ferramentas de mapa de calor:

  • Os itens não clicáveis ​​distraem os usuários.
  • Os tamanhos dos botões são muito grandes ou muito pequenos.
  • As cores dos botões não são visíveis.

Seja o herói do seu site

Projetar sua seção de herói e sua imagem de herói é uma das decisões mais importantes e influentes em seu processo de design da web. Os criadores da web geralmente se referem à seção de herói de um site como o “ato de abertura” da apresentação do seu site, essencialmente seu gesto de boas-vindas.

As tendências dos sites estão em constante evolução, adicionando novos recursos às possibilidades de web design. É sempre importante manter sua seção de herói na vanguarda de suas considerações de design - certificando-se de que ela sempre alcance seu potencial ao apresentar seu site às multidões.

Obtenha o Elementor Pro agora!

Conclusão

Aqui ! É isso neste artigo que mostra como fazer uma imagem de herói. Se você tiver alguma dúvida sobre como chegar lá fdeixe-nos saber no Comentários.

No entanto, você também pode consultar nossos recursos, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress ou aquele em Divi: o melhor tema WordPress de todos os tempos.

Mas enquanto isso, compartilhe este artigo em suas diferentes redes sociais.

...