Standard HTML für Pick-up 2 – customice

Bitte zuerst den folgenden Beitrag lesen: Online Pick-up V2 – customice

Im Folgenden ist das Standard-HTML für die jeweiligen Seiten aufgeführt:

Zimmerliste:
<div style="
display: flex;
flex-wrap: wrap;
column-gap: 40px;
row-gap: 20px;
border-bottom: 1px solid rgb(226, 232, 240);
margin-bottom: 30px;
">
   <div>
       <img style="width: 300px;" src="https://app.customice.de/assets/imgs/customize_big.png">
   </div>
   <div>
       <div style="
           font-family: var(--headline-font-family);
font-size: 20px;
font-weight: 300;
           display: flex;
           flex-wrap: wrap;
           column-gap: 10px;
           margin-bottom: 5px;
">
<div class="placeholder-companygroup-name"></div><div>-</div><div class="placeholder-property-name"></div>
</div>
<div style="
font-size: 20px;
font-weight: 300;
display: flex;
flex-wrap: wrap;
column-gap: 10px;
margin-bottom: 15px;
color: rgb(100, 116, 139);
">
<div class="placeholder-property-addressline1"></div><div>-</div><div><span class="placeholder-property-postalcode"></span> <span class="placeholder-property-city"></span></div>
</div>
<div style="
font-size: 20px;
font-weight: 300;
margin-bottom: 15px;
color: rgb(100, 116, 139);
">
<div class="placeholder-property-description"></div>
</div>
   </div>
</div>
<div style="
font-family: var(--headline-font-family);
font-size: 27px;
font-weight: 500;
margin-bottom: 20px;
"
class="placeholder-pickup-headline"></div>
<div style="
font-size: 20px;
color: rgb(100, 116, 139);
margin-bottom: 20px;
"
class="placeholder-pickup-description"></div>
<div style="
   font-family: var(--headline-font-family);
font-size: 23px;
   display: flex;
   gap: 10px;
   margin-bottom: 40px;
">
<div class="placeholder-booking-eventtitle"></div><div>-</div><div class="placeholder-booking-externalgroup-id"></div>
</div>
<div style="
font-family: var(--headline-font-family);
font-size: 23px;
font-weight: 500;
margin-bottom: 20px;
"
class="placeholder-blocklist-headline"></div>
<div style="
font-size: 20px;
color: rgb(100, 116, 139);
"
class="placeholder-blocklist-description"></div>
Reservierungsseite:
<div style="
display: flex;
flex-wrap: wrap;
column-gap: 40px;
row-gap: 20px;
border-bottom: 1px solid rgb(226, 232, 240);
margin-bottom: 30px;
">
   <div>
       <img style="width: 300px;" src="https://app.customice.de/assets/imgs/customize_big.png">
   </div>
   <div>
       <div style="
           font-family: var(--headline-font-family);
font-size: 20px;
font-weight: 300;
           display: flex;
           flex-wrap: wrap;
           column-gap: 10px;
           margin-bottom: 5px;
">
<div class="placeholder-companygroup-name"></div><div>-</div><div class="placeholder-property-name"></div>
</div>
<div style="
font-size: 20px;
font-weight: 300;
display: flex;
flex-wrap: wrap;
column-gap: 10px;
margin-bottom: 15px;
color: rgb(100, 116, 139);
">
<div class="placeholder-property-addressline1"></div><div>-</div><div><span class="placeholder-property-postalcode"></span> <span class="placeholder-property-city"></span></div>
</div>
<div style="
font-size: 20px;
font-weight: 300;
margin-bottom: 15px;
color: rgb(100, 116, 139);
">
<div class="placeholder-property-description"></div>
</div>
   </div>
</div>
<div style="
font-family: var(--headline-font-family);
font-size: 27px;
font-weight: 500;
margin-bottom: 20px;
"
class="placeholder-pickup-headline"></div>
<div style="
font-size: 20px;
color: rgb(100, 116, 139);
margin-bottom: 20px;
"
class="placeholder-pickup-description"></div>
<div style="
   font-family: var(--headline-font-family);
font-size: 23px;
   display: flex;
   gap: 10px;
   margin-bottom: 40px;
">
<div class="placeholder-booking-eventtitle"></div><div>-</div><div class="placeholder-booking-externalgroup-id"></div>
</div>
<div style="
font-family: var(--headline-font-family);
font-size: 23px;
font-weight: 500;
margin-bottom: 20px;
"
class="placeholder-reservation-headline"></div>
<div style="
font-size: 20px;
color: rgb(100, 116, 139);
"
class="placeholder-reservation-description"></div>
Feedback-Seite:
<div style="
display: flex;
flex-wrap: wrap;
column-gap: 40px;
row-gap: 20px;
border-bottom: 1px solid rgb(226, 232, 240);
margin-bottom: 30px;
">
   <div>
       <img style="width: 300px;" src="https://app.customice.de/assets/imgs/customize_big.png">
   </div>
   <div>
       <div style="
           font-family: var(--headline-font-family);
font-size: 20px;
font-weight: 300;
           display: flex;
           flex-wrap: wrap;
           column-gap: 10px;
           margin-bottom: 5px;
">
<div class="placeholder-companygroup-name"></div><div>-</div><div class="placeholder-property-name"></div>
</div>
<div style="
font-size: 20px;
font-weight: 300;
display: flex;
flex-wrap: wrap;
column-gap: 10px;
margin-bottom: 15px;
color: rgb(100, 116, 139);
">
<div class="placeholder-property-addressline1"></div><div>-</div><div><span class="placeholder-property-postalcode"></span> <span class="placeholder-property-city"></span></div>
</div>
<div style="
font-size: 20px;
font-weight: 300;
margin-bottom: 15px;
color: rgb(100, 116, 139);
">
<div class="placeholder-property-description"></div>
</div>
   </div>
</div>
<div style="
font-family: var(--headline-font-family);
font-size: 23px;
font-weight: 500;
margin-bottom: 20px;
"
class="placeholder-feedback-headline"></div>
<div style="
font-size: 20px;
color: rgb(100, 116, 139);
margin-bottom: 20px;
"
class="placeholder-feedback-description"></div>
<div style="
   font-family: var(--headline-font-family);
font-size: 23px;
   margin-bottom: 40px;
   "
   class="placeholder-reservation-code"></div>
<a class="external-reservation-link" href="https://DOMAIN/YOUR_URL/?lastname=$LASTNAME$&reservation_code=$RESERVATIONCODE$"><div pripple="" pautofocus="" class="p-ripple p-element p-button p-component" type="button" data-pc-name="button" data-pc-section="root"><span class="p-button-label" aria-hidden="false" data-pc-section="label">go to reservation</span></div></a>

Verwandte Beiträge