> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.widebundle.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Come utilizzare WideBundle con GemPages?

Wide Ciao! :-D

Se si utilizza GemPages, l'installazione di WideBundle è un po' diversa da quella di un tema classico.

Vediamo quindi come fare!

Iniziare installando GemPages [cliccando qui](https://gempages.net/?ref=iszw1fe6) 
-20% di sconto con il codice MFD20 (fino al 30 giugno 2024)

Assicuratevi di aver seguito prima il tutorial per iniziare a usare WideBundle (se non l'avete fatto, [cliccate qui](https://help.widebundle.com/en/article/getting-started-with-widebundle-9zb0t0/)).

Poi tornate a questo articolo quando vi verrà chiesto di farlo.

Se si preferisce guardare un video, lo si può vedere qui sotto 👇

${frame}[](https://www.loom.com/embed/eb56c0ac14fa49c28bbfdc0411f487c2)

Siete pronti? Si parte!

## 1️⃣ Aprire la pagina del prodotto su GemPages

Iniziate aprendo la pagina del prodotto che vi interessa su GemPages

![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/image_xt5wap.png)

## 2️⃣ Aggiungete il selettore delle varianti, il pulsante della quantità e il pulsante Aggiungi al carrello

Questi elementi sono necessari per 

* Aggiungere il modulo "Varianti

![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/image_8tjo9a.png)

* Aggiungere il modulo "Quantità

![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/image_zy87pp.png)

* Aggiungere il modulo "Pulsante Aggiungi al carrello

![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/image_1w8q8w5.png)

## 3️⃣ Aggiungere il modulo WideBundle

Una volta terminato, scorrere l'elenco di articoli a sinistra

In fondo, si troverà la categoria "Altri articoli", cliccare su **Aggiungi articolo**

![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/image_2a6gea.png)

Poi digitare "WideBundle" nella barra di ricerca

![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/image_1avwmom.png)

Cliccateci sopra e poi cliccate su **Aggiungi elemento** !

![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/image_86mkr1.png)

Si può lasciare la piccola finestra

## 4️⃣ Inserire il modulo WideBundle nella pagina

Ora che l'elemento è stato aggiunto, spostarlo accanto al modulo "Pulsante aggiungi al carrello".

![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/image_f2wwe7.png)

## 5️⃣ Salvare e uscire

E questo è tutto! Tutto è installato, ora si può salvare la pagina e pubblicarla.

Quindi, tornate al tutorial "Come iniziare con WideBundle", se lo stavate leggendo.

A presto! 😁