Grund: vad module-contact är

module-contact är kontaktkortet i CCMS som visar företagsnamn, kontaktvägar och sociala profiler i en konverteringsvänlig sektion.

Modulen fokuserar på låg spam-risk genom reveal-knappar för e-post och telefon, där faktiska länkar skapas först när användaren klickar.

Den används ofta ihop med module-contact-form i samma rad, men kan också användas fristående.

Val 1: kärnnycklar och kontaktidentitet

Top-level ligger i contact med nycklar som module_type, display, appearance, fac_contact_aria_label, section_title och section_text.

Företagsdelarna styrs via:

  • display_company_name + company_name
  • display_org_number + org_number_prefix + org_number
  • display_address + address

Språkvarianter följer mönstret <lang>_contact, till exempel en_contact och no_contact.

Val 2: reveal-knappar och flera telefonnummer

E-post aktiveras med display_email, email_button, email_user och email_domain. Vid klick ersätts knappen med en mailto:-länk.

Telefon aktiveras med display_phone, phone_button, phone_link och phone_text. Du kan ange phone_link/phone_text som både sträng och array.

När arrays används skapas en knapp per nummer. phone_button kan innehålla {label} för att få dynamiska knapptexter, t.ex. "Visa {label} telefonnummer".

Val 3: sociala profiler och appearance

Sociala länkar styrs via display_* och *_url för Facebook, Instagram, YouTube, Spotify, Snapchat, TikTok, LinkedIn och X.

För visuell anpassning används appearance (mini-DSL) som kompileras till auto_class/auto_style, tillsammans med globala designtokens i design.*.

Använd no-global i appearance om du vill att just kontaktkortet ska avvika från sajtens globala modulstil.

Val 4: kompilator och runtime-detaljer

Build-scriptet normaliserar telefondata via applyContactPhoneAuto() och skapar auto_phone_*-fält som templaten använder.

Om sidan innehåller FAQ, contact eller contact-form läggs sektionen faq-contact automatiskt till i layouten, och faq.auto_display_faq_contact styr visningen.

I client-scriptet byts reveal-knappar ut mot riktiga länkar vid klick, samtidigt som click/reveal-tracking skickas i bakgrunden.

Val 5: SEO, schema och AI-optimering

Använd tydliga, lokala texter i section_title, section_text, email_button och phone_button per språk för bättre semantik och bättre AI-svar.

Kontaktens strukturerade data bör normalt ligga globalt (Organization/LocalBusiness + contactPoint + sameAs) i stället för att dupliceras i varje modul.

Säkerställ att synliga sociala länkar i modulen matchar samma profiler som används i global schema-data.