support home

Back to website
Welcome
Login  Sign up

Aggiungere un ID univoco ai box in partner directory

Salve, sarebbe molto utile aggiungere al codice HTML della pagina partner directory (https://www.iubenda.com/it/help/139949-partner-directory) un ID univoco per ogni box partner così da permettere l'aggiunta di link esterni che puntino direttamente nella pagina alla propria card.
Grazie


1 person has this problem
  • Salve, sarebbe possibile aggiungere un ID univoco al codice HTML di ogni box partner nella pagina della partner directory (https://www.iubenda.com/it/help/139949-partner-directory)? Questo permetterebbe di creare link esterni che puntano direttamente alla propria card. Questa funzione sarebbe molto utile per migliorare l'accessibilità e la navigazione. Grazie!

  • Marco, Great suggestion to add unique IDs to partner boxes in the iubenda partner directory! This would allow partners to create external links pointing directly to their specific card. Here are two options to consider: Custom ID Attributes: A simple approach is adding a custom ID attribute to each partner box in the HTML. This creates unique IDs like "partner-box-1" and "partner-box-2" for each box. Partners can then use these IDs to link directly to their cards: https://www.iubenda.com/it/help/139949-partner-directory#partner-box-1 https://www.iubenda.com/it/help/139949-partner-directory#partner-box-2 You can find a guide on adding custom attributes to HTML elements here: https://www.w3schools.com/html/html_attributes.asp. Data Attributes: Alternatively, you can use the data-id attribute to store a unique ID for each partner box. Partners would then use JavaScript to retrieve the ID and create links. This approach offers more flexibility but requires some JavaScript knowledge. While I can't provide specific JavaScript code here, further resources on using data-id attributes can be found online. Both options simplify information sharing for partners and improve user experience. Implementing this might require code changes and updating partner documentation, but the benefits outweigh the effort.

  • Thanks 

  • Iubenda currently doesn't allow adding unique IDs to partner directory boxes. This makes it difficult to link directly to a specific partner's page from an external source.

    There are a few workarounds while they develop a native solution:

    Use HTML anchors with unique IDs within each box. You can then link to the partner's page using the anchor's ID in the URL.Utilize URL parameters. Add a "partner-id" parameter to the directory URL, with a unique value for each partner. This allows linking to specific partners through the URL with the parameter.

    tuneshare

    more_vert

  • Use HTML anchors with unique IDs within each box...?

  • is there is chances to get issue resolved or not anyone guide further



  • Per aggiungere un ID univoco a ciascun box partner nella pagina della directory dei partner di iubenda, puoi seguire questi passaggi utilizzando HTML e un po' di JavaScript:

    Passaggi per aggiungere un ID univoco ai box partner

    1. Identifica il codice HTML dei box partner: Trova il codice HTML che rappresenta ciascun box partner nella pagina della directory dei partner. Di solito, questi box sono all'interno di un contenitore come una <div> o simile.

    2. Aggiungi un ID univoco: Modifica il codice HTML aggiungendo un attributo id con un valore univoco per ciascun box partner. Assicurati che l'ID sia descrittivo e univoco per ogni partner.

      Ad esempio:


     

    <div class="partner-box" id="partner1">
        <!-- Contenuto del box del partner -->
    </div>
    
    <div class="partner-box" id="partner2">
        <!-- Contenuto del box del partner -->
    </div>
    
    <!-- E così via per ogni box partner -->

     

    Utilizza JavaScript per collegare direttamente ai box partner: Una volta aggiunti gli ID univoci, puoi creare dei link diretti che puntano a ciascun box partner utilizzando gli ID come ancoraggi.

    Ad esempio, se hai un link esterno che vuole puntare direttamente al secondo partner:

    1. Questo link porterà l'utente direttamente al box del secondo partner sulla pagina.


    Considerazioni aggiuntive:

    • Unicità degli ID: Assicurati che ogni ID sia univoco sulla pagina per evitare conflitti nell'HTML.
    • Accessibilità: Verifica che l'aggiunta degli ID non comprometta l'accessibilità della pagina e che sia in linea con le pratiche consigliate per l'accessibilità web.

  • To add unique IDs to each partner box on the partner directory page, modify the HTML code like this:

    Before

    html
    Copy code

    <div class="partner-box"> <!-- Partner details --> </div>

    After

    html
    Copy code

    <div class="partner-box" id="partner-1"> <!-- Partner details --> </div> <div class="partner-box" id="partner-2"> <!-- Partner details --> </div>

    Using JavaScript

    If you need to dynamically assign IDs:

    javascript
    Copy code

    const partners = document.querySelectorAll('.partner-box'); partners.forEach((partner, index) => { partner.id = `partner-${index + 1}`; });

    Linking Directly

    You can then link directly to a specific partner box using the unique ID in the URL:


    ruby
    Copy code

    https://www.iubenda.com/it/help/139949-partner-directory#partner-1

Login or Signup to post a comment