Video Commerce: where the showcase shows
Each showcase shows only on the pages you chose and in one spot on the page: a corner of the screen for the floating bubble, or a ready-made spot for the other formats. You choose both in the Onde (Where) step of Nova vitrine (New showcase) or in the Onde section of the showcase editor.
Under Em quais páginas? (Which pages?), choose one option:
| Option | Where the showcase shows |
|---|---|
| Todas as páginas de produto (All product pages) | On each product, with its own videos. |
| Página inicial (Home page) | On your store’s first page. |
| Páginas de categoria (Category pages) | On listings such as Dresses, Skirts and New in. |
| Páginas específicas (Specific pages) | Only on pages whose address contains a piece of text. |
For Páginas específicas, type the piece of text in O endereço contém (The address contains). For example, /colecao-primavera shows the showcase on minhaloja.com.br/colecao-primavera and on the pages inside it. You can paste the whole link. For the home page, choose Página inicial (Home page).
To show on more than one kind of page, create one showcase for each. For example, a bubble on Todas as páginas de produto and a carousel on the Página inicial.
Provei recognizes the type of each page in your store, including in stores that change pages without reloading. To check whether a page is recognized, use Conferir na minha loja (Check in my store). See Check in my store.
Spot on the page
Section titled “Spot on the page”For Carrossel (Carousel), Stories, Grade (Grid) and Destaque do produto (Product highlight), choose a ready-made spot under Em que lugar da página? (Where on the page?). No theme changes needed.
| Spot | What the screen says | On which pages |
|---|---|---|
| Abaixo do botão de comprar (Below the buy button) | Onde o cliente decide. Mais usado. (Where the customer decides. Most used.) | Product pages |
| Abaixo das fotos (Below the photos) | Junto das imagens do produto. (Next to the product images.) | Product pages |
| Abaixo do banner (Below the banner) | Logo no começo da página. (Right at the top of the page.) | Home page, categories and specific pages |
| Acima do rodapé (Above the footer) | No fim da página, sem atrapalhar. (At the end of the page, out of the way.) | All |
If you change the showcase’s pages and the chosen spot doesn’t exist on the new kind of page, the editor switches to the first spot on the list.
Floating bubble: the screen corner
Section titled “Floating bubble: the screen corner”For the Bolha flutuante (Floating bubble), choose the corner under Em que canto da tela? (Which screen corner?): Canto superior esquerdo (Top left corner), Canto superior direito (Top right corner), Canto inferior esquerdo (Bottom left corner) or Canto inferior direito (Bottom right corner). A new bubble starts in the Canto inferior direito.
The bottom corners are the most used: they’re close to the thumb and don’t cover the menu. Two bubbles can’t take the same corner on the same pages.
Automatic videos on each product page
Section titled “Automatic videos on each product page”A showcase with Automático: vídeos do produto da página (Automatic: the page product’s videos) on Todas as páginas de produto (All product pages) shows, on each product, the videos tagged with it. You don’t need one showcase per product or to pick videos by hand.
- Tagged a product in a ready video? The video shows on that product’s page within 1 minute, without publishing again. The dashboard says: Salvo. Aparece na página do produto em até 1 minuto. (Saved. Shows on the product page within 1 minute.)
- Is the video still processing? It joins the product page on its own once it’s ready.
- The order of each product’s videos is the one in the Vídeos deste produto (This product’s videos) card, in Produtos (Products). See Videos on products.
- The product has few videos? Carousel, stories, grid and highlight fill in with the best-selling videos, picked by recent performance in your store. Only videos tagged with a product enter, and new videos with no data yet come after. The bubble doesn’t fill in: it shows only the page product’s videos.
- No video tagged with the product? The bubble doesn’t show on that page. The other formats show only the best-selling videos.
On pages that aren’t product pages, such as the home page and categories, an automatic carousel, stories, grid or highlight showcase shows the best-selling videos. An automatic bubble doesn’t show on those pages. To use the bubble outside product pages, choose Vídeos escolhidos (Chosen videos).
Advanced (for developers)
Section titled “Advanced (for developers)”Use it only when the showcase doesn’t land in the right spot on its own. Ask whoever runs your store’s theme for help. In the showcase editor, open Avançado (para desenvolvedores) (Advanced, for developers):
- Posicionar por seletor CSS (Position by CSS selector), for formats inside the page, not the bubble: replaces the spot chosen above and must match exactly one element on the page. In Onde entra em relação ao elemento (Where it goes relative to the element), choose Antes do elemento (Before the element), Depois do elemento (After the element), Dentro, no começo (Inside, at the start) or Dentro, no fim (Inside, at the end). Ajustar no visual (Adjust visually) fills this field in for you.
- CSS personalizado (Custom CSS): styles applied to this showcase only.
With a selector, the showcase list shows Posição personalizada (Avançado) (Custom position, Advanced) instead of the ready-made spot’s name. See also Video Commerce for developers.
Frequently asked questions
Do I need a CSS selector to place the showcase?
No. Pick one of the ready-made spots, such as Abaixo do botão de comprar (Below the buy button), and check it with Conferir na minha loja (Check in my store). The CSS selector lives under Avançado (Advanced), only for when the ready-made spot doesn't work with your theme.
Do I need to create a showcase for each product?
No. An automatic showcase on Todas as páginas de produto (All product pages) shows, on each product, the videos tagged with it. Tag the products in the videos and publish a single showcase.
Can I put two bubbles on the same page?
Yes, in different corners. Two bubbles can't take the same corner on the same pages.