Bookingtjeneste maler

Maler for E-post og PDF Dokument

Disse malene er designet for å håndtere alle slags bookinger. Alt er allerede kodet og klart til bruk. Du trenger bare å utføre følgende trinn for å bruke dem:

Klikk på «Kopier mal» for å kopiere innholdet av malen.
Gå til «Arbeidsflyt» eller «PDF Dokument» i hovedmenyen. Klikk på knappen «Code View» under redigering av innholdet. Lim inn det kopierte innholdet.
Klikk på «Code View» igjen.
Nå har du muligheten til å redigere og tilpasse innholdet ytterligere, hvis ønskelig.
Lagre.

Brukerveiledning: Klikk her.

Bookinginformasjon

Passer for alle statuser. Godkjent, Kansellert, Avvist, Endring av tidspunkt, med mer. Viser status av booking øverst.

Copy HTML Code 1

<body style="margin:0;padding:0;background:#ffffff;font-family:'Inter',Arial,sans-serif;">
  <table width="100%" bgcolor="#ffffff" cellpadding="0" cellspacing="0">
    <tr>
      <td align="center" style="padding:15px 4px 26px 4px;">
        <table width="100%" style="max-width:520px;background:#fff;border-radius:18px;overflow:hidden;">
          
          <tr>
            <td style="padding:22px 8px 24px 8px;text-align:center;">
              <img decoding="async" src="{company_image_url}" width="120" alt="Logo"
                   style="background:#ffffff;display:block;margin:0 auto;width:120px;max-width:100%;height:auto;" />
              <div style="font-size:23px;font-weight:800;color:#26263c;letter-spacing:-.5px;line-height:1.25;margin-top:20px;">
                {company_name}
              </div>
              <div style="font-size:14px;color:#7a8199;margin:8px 0 8px 0;">
                <span style="font-size:16px;">📅</span> Ordre-ID <b>#{appointment_id}</b>
              </div>
   <span style="background:#ecf4fe; color:#23263b; font-weight:700; border-radius:8px; padding:4px 16px 3px 16px; font-size:15px; display:inline-block; margin-top:3px; letter-spacing:0.6px;">
  {appointment_status}
</span>

<tr>
  <td style="padding:0 8px 24px 8px;">
    <div style="background:#f6f8fb;border-radius:13px;padding:30px 20px;">
      <div style="font-size:18px;font-weight:800;color:#23263b;margin:0 0 12px 0;">Kunde</div>
      
      <div style="font-weight:700;color:#23263b;font-size:14px;margin-top:12px;">Navn</div>
      <div style="font-size:14px;color:#23263b;">{customer_first_name} {customer_last_name}</div>
      
      <div style="font-weight:700;color:#23263b;font-size:14px;margin-top:12px;">E-post</div>
      <div style="font-size:14px;color:#23263b;">
        <a href="mailto:{customer_email}" style="color:#23263b; text-decoration:underline;">{customer_email}</a>
      </div>
      
      <div style="font-weight:700;color:#23263b;font-size:14px;margin-top:12px;">Telefon</div>
      <div style="font-size:14px;color:#23263b;">{customer_phone}</div>
    </div>
  </td>
</tr>

<tr>
  <td style="padding:0 8px 24px 8px;">
    <div style="background:#f6f8fb;border-radius:13px;padding:30px 20px;">
      <div style="font-size:18px;font-weight:800;color:#23263b;margin:0 0 12px 0;">Total pris</div>
      <div style="font-size:17px;color:#1f2937;font-weight:900;">{appointments_total_price}</div>
      <div style="font-size:13px;color:#4b5563;font-weight:600;margin-top:10px;">{appointment_paid_price} er betalt</div>
    </div>
  </td>
</tr>

<tr>
            <td style="padding:0 8px 24px 8px;">
              <div style="background:#fff;border-radius:12px;border:1px solid #eaeaef;padding:30px 20px;">
                <div style="font-size:18px;font-weight:800;color:#23263b;margin:0 0 12px 0;">Tjeneste</div>
                <img decoding="async" src="{service_image_url}" width="120" alt="Tjeneste"
                     style="display:block;margin:0 0 11px 0;width:120px;max-width:100%;height:auto;" />
                <div style="font-size:14px;font-weight:700;color:#23263b;letter-spacing:-.1px;">{service_category_name} / {service_name}</div>
                <div style="color:#23263b;font-size:14px;margin-top:3px;">{service_notes}</div>
                
                <div style="font-weight:700;color:#23263b;font-size:14px;margin-top:12px;">Ekstratjenester</div>
                <div style="color:#23263b;font-size:14px;margin-top:3px;">{appointment_extras_list}</div>
                
                <div style="font-weight:700;color:#23263b;font-size:14px;margin-top:12px;">Antall personer</div>
                <div style="color:#23263b;font-size:14px;margin-top:3px;">{appointment_total_attendees}</div>

<div style="font-weight:700;color:#23263b;font-size:14px;margin-top:12px;">Produkter ({appointment_products_quantity})</div>
                <div style="color:#23263b;font-size:14px;margin-top:3px;">{appointment_products_list}</div>

</div>
            </td>
          </tr>

<tr>
  <td style="padding:0 8px 24px 8px;">
    <div style="background:#fff; border-radius:12px; border:1px solid #eaeaef; padding:30px 20px; color:#23263b; font-family: Arial, sans-serif;">
      
      <div style="font-size:18px; font-weight:800; margin:0 0 12px 0;">Alternativ</div>
      
      <img decoding="async" src="{staff_profile_image_url}" width="120" alt="Alternativ"
           style="display:block; margin:0 0 11px 0; width:120px; max-width:100%; height:auto;" />
      
      <div style="font-size:14px; font-weight:700;">{staff_name}</div>
      
      <div style="font-size:14px; margin-top:3px;">{staff_about}</div>
      
      <div style="font-weight:700; font-size:14px; margin-top:12px;">E-post</div>
      
      <div style="font-size:14px; margin-top:3px;">{staff_email}</div>
      
      <div style="font-weight:700; font-size:14px; margin-top:12px;">Telefon</div>
      
      <div style="font-size:14px; margin-top:3px;">{staff_phone}</div>
    </div>
  </td>
</tr>

<tr>
            <td style="padding:0 8px 24px 8px;">
              <div style="background:#fff;border-radius:12px;border:1px solid #eaeaef;padding:30px 20px;">
                <div style="font-size:18px;font-weight:800;color:#23263b;margin:0 0 12px 0;">Lokasjon</div>
                <img decoding="async" src="{location_image_url}" width="120" alt="Lokasjon"
                     style="display:block;margin:0 0 11px 0;width:120px;max-width:100%;height:auto;" />
                
                <div style="font-weight:700;color:#23263b;font-size:14px;margin-top:12px;">{location_name}</div>
                <div style="color:#23263b;font-size:14px;margin-top:3px;">{location_notes}</div>
                
                <div style="font-weight:700;color:#23263b;font-size:14px;margin-top:12px;">Adresse</div>
                <div style="color:#23263b;font-size:14px;margin-top:3px;">{location_address}</div>
                
                <div style="font-weight:700;color:#23263b;font-size:14px;margin-top:12px;">Telefon</div>
                <div style="color:#23263b;font-size:14px;margin-top:3px;">{location_phone_number}</div>
              </div>
            </td>
          </tr>

<tr>
  <td style="padding:0 8px 24px 8px;">
    <div style="background:#fff;border-radius:12px;border:1px solid #eaeaef;padding:30px 20px;">
      <div style="font-size:18px;font-weight:800;color:#23263b;margin:0 0 12px 0;">Tidspunkt</div>
      
      <span style="display:inline-block; width:120px; height:120px; text-align:left; line-height:120px; font-size:100px; margin-bottom:10px;">🗓️</span>
      
      <div style="font-weight:700;color:#23263b;font-size:14px;margin-top:12px;">Start</div>
      <div style="color:#23263b;font-size:14px;margin-top:3px;">{recurring_appointments_date_time}</div>
      
      <div style="font-weight:700;color:#23263b;font-size:14px;margin-top:12px;">Slutt</div>
      <div style="color:#23263b;font-size:14px;margin-top:3px;">{appointment_end_date_time}</div>
      
      <div style="font-weight:700;color:#23263b;font-size:14px;margin-top:12px;">Varighet</div>
      <div style="color:#23263b;font-size:14px;margin-top:3px;">{appointment_duration}</div>
      
      <div style="font-weight:700;color:#7a8199;font-size:12px;margin-top:12px;">Booking ble mottatt</div>
      <div style="color:#7a8199;font-size:12px;margin-top:3px;">{appointment_created_date} kl. {appointment_created_time}</div>
    </div>
  </td>
</tr>

<tr>
            <td style="padding:0 8px 24px 8px;">
              <div style="background:#f6f8fb;border-radius:10px;padding:30px 20px;">
                <div style="font-size:18px;font-weight:800;color:#23263b;margin:0 0 12px 0;">Rabatter og gavekort</div>
                <div style="font-size:14px;color:#23263b;margin-bottom:5px;">Gavekort: <b>{giftcard_code}</b></div>
                <div style="font-size:14px;color:#23263b;margin-bottom:5px;">Rabattkode: <b>{coupon_code}</b></div>
                <div style="font-size:14px;color:#23263b;margin-bottom:5px;">Rabatt: <b>{appointment_discount_price}</b></div>
                <div style="font-size:14px;color:#23263b;margin-bottom:5px;">Ytterligere rabatter: <b>{appointment_conditional_prices_discounts}</b></div>
                <div style="font-size:14px;color:#23263b;">Pristillegg: <b>{appointment_conditional_prices_additions}</b></div>
              </div>
            </td>
          </tr>

<tr>
  <td style="padding:0 8px 24px 8px;">
    <div style="background:#f6f8fb;border-radius:10px;padding:30px 20px;">
      <div style="font-size:18px;font-weight:800;color:#23263b;margin:0 0 12px 0;">Sum per booking</div>
      <div style="font-size:14px;color:#23263b;margin-bottom:5px;">Tjeneste: <b style="color:#23263b;">{appointment_service_price}</b></div>
      <div style="font-size:14px;color:#23263b;margin-bottom:5px;">Ekstratjenester: <b style="color:#23263b;">{appointment_extras_price}</b></div>
      <div style="font-size:14px;color:#23263b;margin-bottom:5px;">Produkter: <b style="color:#23263b;">{appointment_products_price}</b></div>
      <div style="font-size:14px;color:#23263b;margin-bottom:5px;">Mva: <b style="color:#23263b;">{appointment_tax_amount}</b></div>
      <div style="font-size:14px;color:#23263b;font-weight:800;">Totalt: {appointment_sum_price}</div>
    </div>
  </td>
</tr>

<tr>
  <td style="padding:0 8px 24px 8px;">
    <div style="background:#f6f8fb;border-radius:10px;padding:30px 20px;">
      <div style="font-size:18px;font-weight:800;color:#23263b;margin:0 0 12px 0;">Betaling</div>
      <div style="font-size:14px;color:#23263b;margin-bottom:5px;">Betalt hittil: <b>{appointment_paid_price}</b></div>
      <div style="font-size:14px;color:#23263b;margin-bottom:5px;">Betalingsmetode: <b>{appointment_payment_method}</b></div>
      <div style="font-size:14px;color:#23263b;margin-bottom:5px;">Mva: <b>{recurring_appointments_tax_amount}</b></div>
      <div style="font-size:14px;color:#23263b;font-weight:800;">Totalt: {appointments_total_price}</div>
    </div>
  </td>
</tr>

<tr>
  <td align="center" style="padding:0 8px 24px 8px;">
    <table cellspacing="0" cellpadding="0" border="0" style="max-width:350px; width:100%;">
      <tr>
        <td align="center" bgcolor="#635bff" style="border-radius:10px;">
          <a href="https://bookingtjeneste.no/kundepanel" 
             target="_blank"
             style="display:inline-block; padding:18px 0; font-weight:800; font-size:17px; font-family: 'Inter', Arial, sans-serif; color:#ffffff; text-decoration:none; width:100%; border-radius:10px; letter-spacing:0.5px;">
            Gå til kundepanel
          </a>
        </td>
      </tr>
    </table>
  </td>
</tr>

<tr>
  <td style="padding:0 8px 22px 8px;">
    <div style="background:#fff;border-radius:9px;border:1px solid #eaeaef;padding:20px;color:#23263b;font-size:14px;line-height:1.7;">
      <div style="font-weight:700;color:#23263b;margin-bottom:6px;font-size:18px;">Har du spørsmål?</div>
      <div>
        Send oss en e-post.<br />
        Kontakt oss: <a href="mailto:{staff_email}" style="color:#23263b;text-decoration:underline;font-weight:600;">{staff_email}</a>
      </div>
    </div>
  </td>
</tr>

<tr>
            <td style="padding:5px 20px;font-size:13px;color:#555555;text-align:center;line-height:1.7;">
              <div>
                <span style="font-size:15px;"></span> {company_name} •
                <a href="{company_website}" style="color:#555555;text-decoration:underline;">{company_website}</a><br />
                <span style="color:#555555;">{company_address}</span> •
                <a href="mailto:{staff_email}" style="color:#555555;text-decoration:underline;">Kundeservice</a><br />
                <a href="https://bookingtjeneste.no/betingelser-og-vilkar-kunde/" style="color:#555555;text-decoration:underline;">Vilkår</a> ·
                <a href="https://bookingtjeneste.no/cookieerklaering-eu" style="color:#555555;text-decoration:underline;">Cookies</a> ·
                <a href="https://bookingtjeneste.no/personvernerklaering" style="color:#555555;text-decoration:underline;">Personvern</a>
              </div>
            </td>
          </tr>

</table>
      </td>
    </tr>
  </table>
</body>

Bekreftelse og betalingslink

Bekrefte og betalingslink i e-posten. Du kan fjerne de betalingsmetodene du ikke trenger.

Copy HTML Code 5

<tr>
  <td style="padding:0 8px 22px 8px;">
    <div style="background:#fff; border-radius:9px; border:1px solid #eaeaef; padding:20px; color:#23263b; font-size:14px; line-height:1.7; text-align:center;">
      <div style="font-weight:700; color:#23263b; margin-bottom:12px; font-size:18px;">Velg betalingsmetode</div>

</div>
  </td>
</tr>

</div>
            </td>
          </tr>

</table>
      </td>
    </tr>
  </table>
</body>

Kvittering (PDF dokument)

Send vedlagt PDF kvittering.

Copy HTML Code 3

Kvittering

<table width="100%" cellpadding="0" cellspacing="0" border="0" align="center">
  <tbody><tr><td height="30"></td></tr>
  <tr>
    <td width="50%" valign="middle" style="text-align:left;">
      <img decoding="async" src="{company_image_url}" width="90" alt="Logo" style="display:block;">
    </td>
    <td width="50%" valign="middle" style="text-align:left; font-weight:bold; font-size:14px; color:#2800ee; padding-left:20px;"><br></td>
  </tr>
  <tr><td height="30" colspan="2"></td></tr>
</tbody></table>

<table width="100%" cellpadding="5" cellspacing="0" border="0" style="font-size:11px;">
  <tbody><tr>
    <td width="50%" style="text-align:left;">
      <strong>Ordrenummer:</strong> {appointment_id}<br>
      <strong>Bestilling mottatt:</strong> {appointment_created_date}, kl. {appointment_created_time}
    </td>
    <td width="50%" style="text-align:left; font-weight:bold; color:#2800ee;">
      Status: {appointment_status}
    </td>
  </tr>
</tbody></table>

<table width="100%" cellpadding="0" cellspacing="0" border="0">
  <tbody><tr><td style="border-top:1px solid #e9e9e9;"> </td></tr>
</tbody></table>

<table width="100%" cellpadding="5" cellspacing="0" border="0" style="font-size:11px;">
  <tbody><tr>
    <td width="50%" style="vertical-align:top; text-align:left;">
      <u><strong>Selger</strong></u><br>
      <strong>Firma</strong>: {company_name}<br>
      <strong>Adresse</strong>: {company_address}<br>
      <strong>Telefon</strong>: {company_phone}
    </td>
    <td width="50%" style="vertical-align:top; text-align:left; padding-left:20px;">
      <u><strong>Kjøper</strong></u><br>
      <strong>Fornavn</strong>: {customer_first_name}<br>
      <strong>Etternavn</strong>: {customer_last_name}<br>
      <strong>Telefon</strong>: {customer_phone}<br>
      <strong>E-post</strong>: {customer_email}<br>
      <strong>Fødselsdato</strong>: {customer_birthday}
    </td>
  </tr>
</tbody></table>

<table width="100%" cellpadding="0" cellspacing="0" border="0">
  <tbody><tr><td style="border-top:1px solid #e9e9e9;"> </td></tr>
</tbody></table>

<table width="100%" cellpadding="5" cellspacing="0" border="0" style="font-size:11px;">
  <tbody><tr>
    <td width="50%" style="vertical-align:top; text-align:left;">
      <u><strong>Tjeneste</strong></u><br>
      <strong>Kategori</strong>: {service_category_name}<br>
      <strong>Tjeneste</strong>: {service_name}<br>
      <strong>Beskrivelse</strong>: {service_notes}<br>
      <strong>Ekstratjenester</strong>: {appointment_extras_list}<br>
      <strong>Antall personer:</strong> {appointment_total_attendees}<br>
      <strong>Produkter  ({appointment_products_quantity})</strong>: {appointment_products_list}<br>

</td>
    <td width="50%" style="vertical-align:top; text-align:left; padding-left:20px;">
      <u><strong>Alternativ</strong></u><br>
      <strong>Navn</strong>: {staff_name}<br>
      <strong>Notat</strong>: {staff_about}<br>
      <strong>E-post</strong>: {staff_email}<br>
      <strong>Telefon</strong>: {staff_phone}
    </td>
  </tr>
</tbody></table>

<table width="100%" cellpadding="0" cellspacing="0" border="0">
  <tbody><tr><td style="border-top:1px solid #e9e9e9;"> </td></tr>
</tbody></table>

<table width="100%" cellpadding="5" cellspacing="0" border="0" style="font-size:11px;">
  <tbody><tr>
    <td width="50%" style="vertical-align:top; text-align:left;">
      <u><strong>Tid</strong></u><br>
      <strong>Starter:</strong> {recurring_appointments_date_time}<br>
      <strong>Slutter:</strong> {appointment_end_date_time}<br>
      <strong>Varighet:</strong> {appointment_duration}<br>
      <small>NB. Flere bookinger med ulike starttider betyr også ulike sluttider.</small>
    </td>
    <td width="50%" style="vertical-align:top; text-align:left; padding-left:20px;">
      <u><strong>Lokasjon</strong></u><br>
      <strong>Sted:</strong> {location_name}<br>
      <strong>Adresse:</strong> {location_address}<br>
      <strong>Telefon:</strong> {location_phone_number}<br>
      <strong>Notat:</strong> {location_notes}
    </td>
  </tr>
</tbody></table>

<table width="100%" cellpadding="0" cellspacing="0" border="0">
  <tbody><tr><td style="border-top:1px solid #e9e9e9;"> </td></tr>
</tbody></table>

<table width="100%" cellpadding="5" cellspacing="0" border="0" style="font-size:11px;">
  <tbody><tr>
    <td width="50%" style="vertical-align:top; text-align:left;">
      <u><strong>Rabatt og gavekort</strong></u><br>
      <strong>Gavekort:</strong> {giftcard_code}<br>
      <strong>Rabattkode:</strong> {coupon_code} / {appointment_discount_price}<br>
      <strong>Ytterligere rabatter:</strong> {appointment_conditional_prices_discounts}<br>
      <strong>Pristillegg:</strong> {appointment_conditional_prices_additions}
    </td>
    <td width="50%" style="vertical-align:top; text-align:left; padding-left:20px;">
      <u><strong>Betaling</strong></u><br>
      <strong>Betalt:</strong> {appointment_paid_price}<br>
      <strong>Betaling:</strong> {appointment_payment_method}<br>
      <u><strong>Sum per booking</strong></u><br>
      <strong>Tjeneste:</strong> {appointment_service_price}<br>
      <strong>Ekstratjenester:</strong> {appointment_extras_price}<br>
      <strong>Produkter:</strong> {appointment_products_price}<br>
      <strong>Mva:</strong> {appointment_tax_amount}<br>
      <strong>Totalt:</strong> {appointment_sum_price}<br>
      <strong>Mva:</strong> {recurring_appointments_tax_amount}<br>
      <strong>Totalt:</strong> {appointments_total_price}
    </td>
  </tr>
</tbody></table>

<table width="100%" cellpadding="0" cellspacing="0" border="0" style="font-size:11px; color:#666; text-align:left;">
  <tbody><tr>
    <td>
      Har du spørsmål?.<br>
      Kontakt oss: <a href="mailto:{staff_email}" style="color:#0066cc; text-decoration:none;">{staff_email}</a>
    </td>
  </tr>
</tbody></table>

Kundepanel

Send kundepanel link til ny kunde.

Copy HTML Code 2

<tr>
            <td style="padding:0 8px 22px 8px;">
              <div style="background:#fff; border-radius:9px; border:1px solid #eaeaef; padding:20px; color:#23263b; font-size:14px; line-height:1.7; text-align:left; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;">

<div style="font-weight:700; color:#23263b; margin-bottom:12px; font-size:18px;">
                  Kundepanel hos {company_name}
                </div>

<p style="margin:0 0 15px 0;">
                  Hei <strong>{customer_first_name}</strong>. Du har registrert en booking hos <strong>{company_name}</strong>. Vi har nå opprettet en bruker for deg slik at du kan få oversikt over dine bookinger via ditt kundepanel.
                </p>

<div style="font-weight:700; color:#23263b; font-size:14px; margin-top:12px;">
                  Din bruker
                </div>
                <div style="font-size:14px; color:#23263b;">
                  E-post: {customer_email}
                </div>
                <div style="font-size:14px; color:#23263b; margin-bottom:12px;">
                  Passord: {customer_password}
                </div>
                <p style="margin:0 0 20px 0;">
                  Du kan endre ditt passord i kundepanelet hvis dette er ønskelig.
                </p>

</table>
      </td>
    </tr>
  </table>
</body>

Vurdering

«Vurder oss» e-post.

Copy HTML Code 2

</td>
          </tr>

<div style="font-weight:700; color:#23263b; margin-bottom:12px; font-size:18px;">
        Vurdering av {company_name}
      </div>

<p style="margin:0 0 15px 0;">
        Hei <strong>{customer_first_name}</strong>.
      </p>
      <p style="margin:0 0 20px 0;">
        Vi håper du har det bra. Vi ville sette stor pris på om du kunne ta deg et øyeblikk for å dele dine tanker om din siste booking gjeldende <strong>{service_category_name}</strong>, <strong>{service_name}</strong> hos <strong>{company_name}</strong> den <strong>{appointment_date_time}</strong>. Din tilbakemelding er uvurderlig for oss, og den hjelper oss med å forbedre våre tjenester for å sikre at vi alltid leverer den beste opplevelsen for våre kunder.
      </p>
      <p style="margin:0 0 20px 0;">
        Tusen takk for at du valgte oss. Vi ser frem til å høre dine tanker.
      </p>

<tr>
  <td align="center" style="padding:0 8px 24px 8px;">
    <table cellspacing="0" cellpadding="0" border="0" style="max-width:350px; width:100%;">
      <tr>
        <td align="center" bgcolor="#635bff" style="border-radius:10px;">
          <a href="{rating_form_url}" 
             target="_blank"
             style="display:inline-block; padding:18px 0; font-weight:800; font-size:17px; font-family: 'Inter', Arial, sans-serif; color:#ffffff; text-decoration:none; width:100%; border-radius:10px; letter-spacing:0.5px;">
            Gi vurdering
          </a>
        </td>
      </tr>
    </table>
  </td>
</tr>

</table>
      </td>
    </tr>
  </table>
</body>

Vurdering mottatt

Vurdering mottatt e-post.

Copy HTML Code 6

<body style="margin:0;padding:0;background:#ffffff;font-family:'Inter',Arial,sans-serif;">
  <table width="100%" bgcolor="#ffffff" cellpadding="0" cellspacing="0">
    <tr>
      <td align="center" style="padding:15px 4px 26px 4px;">
        <table width="100%" style="max-width:520px;background:#fff;border-radius:18px;overflow:hidden;">
          
          <tr>
            <td style="padding:22px 8px 24px 8px;text-align:center;">
              <img decoding="async" src="{company_image_url}" width="120" alt="Logo"
                   style="background:#ffffff;display:block;margin:0 auto;width:120px;max-width:100%;height:auto;" />
              <div style="font-size:23px;font-weight:800;color:#26263c;letter-spacing:-.5px;line-height:1.25;margin-top:20px;">
                {company_name}
              </div>
              <div style="font-size:14px;color:#7a8199;margin:8px 0 8px 0;">
                <span style="font-size:16px;">📅</span> Ordre-ID <b>#{appointment_id}</b>
              </div>
  <span style="background:#ecf4fe; color:#007bff; font-weight:700; border-radius:8px; padding:4px 16px 3px 16px; font-size:15px; display:inline-block; margin-top:3px; letter-spacing:0.6px;">
  {appointment_status}
</span>

</td>
          </tr>

<div style="font-weight:700; color:#23263b; margin-bottom:6px; font-size:18px;">
        Vurdering mottatt
      </div>

<div style="margin-bottom:12px;">
        Det er mottatt en vurdering fra kunde angående denne bookingen.
      </div>

<div style="font-weight:700; color:#23263b; margin-top:12px;">
        Stjerne
      </div>
      <div>
        {rating_star}
      </div>

<div style="font-weight:700; color:#23263b; margin-top:12px;">
        Kommentar
      </div>
      <div>
        {rating_comment}
      </div>

<div style="font-weight:700; color:#23263b; margin-top:12px;">
        Info
      </div>
      <div>
        Du finner også denne vurderingen tilknyttet bookingen i kontrollpanelet.
      </div>

</div>
  </td>
</tr>

<tr>
  <td style="padding:0 8px 24px 8px;">
    <div style="background:#fff;border-radius:12px;border:1px solid #eaeaef;padding:30px 20px;">
      <div style="font-size:18px;font-weight:800;color:#23263b;margin:0 0 12px 0;">Alternativ</div>
      <img decoding="async" src="{staff_profile_image_url}" width="120" alt="Alternativ"
           style="display:block;margin:0 0 11px 0;width:120px;max-width:100%;height:auto;" />
      <div style="font-size:14px;font-weight:700;color:#23263b;">{staff_name}</div>
      <div style="color:#23263b;font-size:14px;margin-top:3px;">{staff_about}</div>
      
      <div style="font-weight:700;color:#23263b;font-size:14px;margin-top:12px;">E-post</div>
      <div style="font-size:14px;margin-top:3px;">
        <a href="mailto:{staff_email}" style="color:#23263b; text-decoration:none;">{staff_email}</a>
      </div>
      
      <div style="font-weight:700;color:#23263b;font-size:14px;margin-top:12px;">Telefon</div>
      <div style="color:#23263b;font-size:14px;margin-top:3px;">{staff_phone}</div>
    </div>
  </td>
</tr>

<tr>
            <td style="padding:0 8px 24px 8px;">
              <div style="background:#fff;border-radius:12px;border:1px solid #eaeaef;padding:30px 20px;">
                <div style="font-size:18px;font-weight:800;color:#23263b;margin:0 0 12px 0;">Tidspunkt</div>
                <span style="display:inline-block; width:120px; height:120px; text-align:left; line-height:120px; font-size:100px; color:{service_color}; margin-bottom:10px;">🗓️</span>
                
                <div style="font-weight:700;color:#23263b;font-size:14px;margin-top:12px;">Start</div>
                <div style="color:#23263b;font-size:14px;margin-top:3px;">{recurring_appointments_date_time}</div>
                
                <div style="font-weight:700;color:#23263b;font-size:14px;margin-top:12px;">Slutt</div>
                <div style="color:#23263b;font-size:14px;margin-top:3px;">{appointment_end_date_time}</div>
                
                <div style="font-weight:700;color:#23263b;font-size:14px;margin-top:12px;">Varighet</div>
                <div style="color:#23263b;font-size:14px;margin-top:3px;">{appointment_duration}</div>
                
                <div style="font-weight:700;color:#7a8199;font-size:12px;margin-top:12px;">Booking ble mottatt</div>
                <div style="color:#7a8199;font-size:12px;margin-top:3px;">{appointment_created_date} kl. {appointment_created_time}</div>
              </div>
            </td>
          </tr>

<tr>
  <td style="padding:0 8px 24px 8px;">
    <div style="background:#f6f8fb;border-radius:10px;padding:30px 20px;">
      <div style="font-size:18px;font-weight:800;color:#23263b;margin:0 0 12px 0;">Sum per booking</div>
      <div style="font-size:14px;color:#23263b;margin-bottom:5px;">Tjeneste: <b style="color:#23263b;">{appointment_service_price}</b></div>
      <div style="font-size:14px;color:#23263b;margin-bottom:5px;">Ekstratjenester: <b style="color:#23263b;">{appointment_extras_price}</b></div>
      <div style="font-size:14px;color:#23263b;margin-bottom:5px;">Mva: <b style="color:#23263b;">{appointment_tax_amount}</b></div>
      <div style="font-size:14px;color:#23263b;font-weight:800;">Totalt: {appointment_sum_price}</div>
    </div>
  </td>
</tr>

</table>
      </td>
    </tr>
  </table>
</body>

Egendefinert

Generell mal til eget innhold.

Copy HTML Code 5

</td>
          </tr>

<div style="font-weight:700; color:#23263b; margin-bottom:12px; font-size:18px;">
        Eksempel overskrift
      </div>

<p style="margin:0 0 15px 0;">
        Hei <strong>{customer_first_name}</strong>.
      </p>
      <p style="margin:0 0 20px 0;">
        Eksempel tekst i e-posten... Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eleifend, dui a varius eleifend, neque arcu elementum tellus, non convallis urna dui sit amet mi. Mauris tempus augue eget ex semper, sed fermentum justo dapibus. Nullam id lacus erat. Phasellus nec justo imperdiet, eleifend augue vitae, vestibulum quam. Etiam facilisis aliquet semper. Sed sodales viverra nisl sed euismod. Aliquam porta nunc odio, malesuada pellentesque justo iaculis a. Donec volutpat convallis risus, a molestie ligula pulvinar eu. Nam sollicitudin quam sit amet velit fermentum feugiat. Morbi semper purus ut faucibus tempor. Donec a rutrum lacus.
      </p>

<tr>
  <td align="center" style="padding:0 8px 24px 8px;">
    <table cellspacing="0" cellpadding="0" border="0" style="max-width:350px; width:100%;">
      <tr>
        <td align="center" bgcolor="#635bff" style="border-radius:10px;">
          <a href="DIN-LENKE-HER" 
             target="_blank"
             style="display:inline-block; padding:18px 0; font-weight:800; font-size:17px; font-family: 'Inter', Arial, sans-serif; color:#ffffff; text-decoration:none; width:100%; border-radius:10px; letter-spacing:0.5px;">
            Eksempel knapp
          </a>
        </td>
      </tr>
    </table>
  </td>
</tr>

</table>
      </td>
    </tr>
  </table>
</body>