intégrer une vidéo au format vertical sur son site Squarespace

Le format vertical s’est imposé avec l’usage des réseaux sociaux comme Instagram, TikTok ou encore YouTube Shorts. Plus immersif et adapté à la navigation mobile, il est devenu incontournable pour capter l’attention des visiteurs.

Mais comment l’intégrer efficacement sur un site Squarespace ? Bien que la plateforme offre de nombreuses options pour afficher des vidéos, l’ajout de contenus verticaux demande quelques ajustements pour une expérience optimale.

Dans cet article, on va voir quels types de vidéos verticales vous pouvez intégrer à votre site, et comment les afficher de manière fluide et pro !

quel type de vidéo verticale peut-on intégrer à son site Squarespace ?

Squarespace permet d’ajouter des vidéos via plusieurs options : l’intégration de liens YouTube/Vimeo, l’ajout direct de fichiers ou encore l’utilisation de blocs Vidéo personnalisés. Mais quelles vidéos verticales sont réellement pertinentes sur un site internet ? 

un témoignage client en vidéo 🎤

Le classique ! Les avis clients sont un levier puissant de conversion, ô combien sous-estimé. Et si, au lieu d'un simple texte, vous proposiez un témoignage vidéo ? Le format vertical donne une touche plus authentique et personnelle.

Exemple : Un coach peut afficher une vidéo d’un client racontant son expérience et ses résultats.

une démo produit/service 🧴

Rien de tel qu’une courte vidéo verticale pour présenter un produit ou un service en action. Avec un format optimisé pour mobile, vous captez plus facilement l'attention des visiteurs.

Exemple : Une marque de cosmétiques peut montrer l’application d’un produit en quelques secondes.

un extrait de réseau social (TikTok, Instagram Reel) 📱

Vos vidéos sur les réseaux sociaux performent bien ? Alors, pourquoi ne pas les recycler sur votre site web ? Intégrer directement un TikTok ou un Reel Instagram peut dynamiser vos pages et montrer votre activité en temps réel.

Exemple : Un photographe peut afficher ses dernières stories Instagram pour présenter son travail.

intégrer une vidéo au format vertical, le tutoriel pas-à-pas en français

le code CSS à utiliser :

.sqs-native-video .native-video-player {
    padding-bottom: 120% !important;
}

plus de tutoriels en CSS

Webdesigner et consultante Squarespace, j’accompagne et je crée pour mes clients des sites intelligents, stratégiques et haut de gamme. On travaille ensemble ?

Personnalisez en quelques clics et copier-coller votre site Squarespace : intégrer votre police, personnaliser les cookies… sans savoir coder !