Projekt Landing-Pages

Ein Template für eine Projekt Landing-Page ist eine einfache HTML-Datei, dessen Inhalt man nimmt und in Propstack eingibt.
Damit die Templates dynamisch sind, d.h. je nach Projekt andere Daten anzeigen, muss eine Template-Engine benutzt werden. Propstack nutzt dafür Liquid von Shopify.
Im Template hat man Zugriff auf folgende Daten (in JSON-Format dargestellt):
1
{
2
  "project": {
3
    "id": "123",
4
    "name": "Templiner Park",
5
    "street": "Musterstraße",
6
    "houseNumber": "12",
7
    "zipCode": "12345",
8
    "city": "Berlin",
9
    "country": "DEU",
10
    "lat": 50.7010491,
11
    "lng": 12.6461906,
12
    "logoUrl": null,
13
    "broker": {
14
      "id": "4010",
15
      "name": "Lars Heckmann",
16
      "email": "[email protected]",
17
      "phone": "030 123 456 89",
18
      "avatarUrl": "https://propstack.s3.eu-central-1.amazonaws.com/photos/..."
19
    },
20
    "title": "",
21
    "descriptionNote": "Phosfluorescently incentivize orthogonal ROI with highly efficient e-business.\n\nMonotonectally formulate equity invested mindshare...",
22
    "furnishingNote": "",
23
    "locationNote": "Authoritatively generate customer directed interfaces before visionary solutions.\n\nDramatically procrastinate parallel supply chains...",
24
    "constructionYear": 2018,
25
    "showUnitsOnLandingPage": true,
26
    "properties": [
27
      {
28
        "objectType": "LIVING",
29
        "rsType": "APARTMENT",
30
        "unitId": "WE 01",
31
        "floor": "1",
32
        "floorLabel": "1. OG",
33
        "numberOfRooms": 3.0,
34
        "livingSpace": 104.98,
35
        "rented": false,
36
        "price": 549000.0,
37
        "pricePerSqm": 5229.57,
38
        "floorplans": [
39
          {
40
            "url": "...",
41
            "title": "Grundriss.pdf"
42
          }
43
        ],
44
        "propertyStatus": {
45
          "name": "Verkauft",
46
          "nonpublic": true
47
        },
48
        "lp_url": "https://crm.propstack.de/..."
49
      }
50
    ],
51
    "images": [
52
      {
53
        "photoUrl": "https://propstack.s3.eu-central-1.amazonaws.com/photos/...",
54
        "title": "Visualisierung Projekt"
55
      },
56
      {
57
        "photoUrl": "https://propstack.s3.eu-central-1.amazonaws.com/photos/...",
58
        "title": "Wohnzimmer Beispielwohnung"
59
      }
60
    ],
61
    "documents": [
62
      {
63
        "title": "Energieausweis",
64
        "url": "...",
65
        "isExposee": false
66
      },
67
      {
68
        "title": "Exposé.pdf",
69
        "url": "...",
70
        "isExposee": true
71
      }
72
    ],
73
    "links": [
74
      {
75
        "url": "...",
76
        "title": "360° Rundgang Beispielwohnung",
77
        "isEmbedable": true
78
      },
79
      {
80
        "url": "...",
81
        "title": "Mit welchem Budget können Sie rechnen?",
82
        "isEmbedable": false
83
      }
84
    ],
85
    "shop": {
86
      "logoUrl": "...",
87
      "imprintNote": null,
88
      "termsNote": null,
89
      "privacyNote": null,
90
      "homepage": "http://muster-immobilien.de",
91
      "name": "Muster Immobilien GmbH"
92
    }
93
  },
94
  "broker": {
95
    "id": "4010",
96
    "name": "Lars Heckmann",
97
    "email": "[email protected]",
98
    "phone": "030 123 456 89",
99
    "avatarUrl": "https://propstack.s3.eu-central-1.amazonaws.com/photos/..."
100
  },
101
  "locale": "de",
102
  "t": {
103
    "navi": {
104
      "description": "Objektdaten",
105
      "documents": "Dokumente",
106
      "units": "Einheiten",
107
      "images": "Bilder",
108
      "location": "Lage"
109
    },
110
    "units": "Einheiten",
111
    "size": "Größe",
112
    "rented": "Vermietet",
113
    "rooms": "Zimmer",
114
    "description": "Beschreibung",
115
    "furnishing": "Ausstattung",
116
    "images": "Bilder",
117
    "documents": "Dokumente",
118
    "links": "Links",
119
    "constructionYear": "Baujahr",
120
    "unit": "Einheit",
121
    "floor": "Etage",
122
    "price": "Preis",
123
    "status": "Status",
124
    "floorplan": "Grundriss",
125
    "location": "Lage",
126
    "allUnits": "Alle Einheiten anzeigen",
127
    "available": "Verfügbar",
128
    "sold": "Verkauft",
129
    "contactForm": {
130
      "title": "Gerne beraten wir Sie persönlich",
131
      "salutation": "Anrede",
132
      "salutationMr": "Herr",
133
      "salutationMs": "Frau",
134
      "firstName": "Vorname",
135
      "lastName": "Nachname",
136
      "email": "E-Mail",
137
      "company": "Firma",
138
      "phone": "Telefon",
139
      "body": "Nachricht",
140
      "send": "Abschicken",
141
      "success": {
142
        "title": "Vielen Dank",
143
        "desc": "Wir freuen uns über Ihr Interesse.\nIhr Anliegen werden wir so schnell wie möglich bearbeiten.",
144
        "back": "Zurück"
145
      }
146
    }
147
  }
148
}
Copied!
Wenn man nun z.B. im Template den Titel des Projektes anzeigen möchte, gibt man folgendes an: {{ project.title }}
Ansprechpartner: Für den Absender der E-Mail nutzt man {{ broker.* }} und für den Projekt-Betreuer {{ project.broker.* }}.
Ein Beispiel HTML-Template findest du hier:
project.html
20KB
Text
​

Webseite - Previous

Kunden-Registrierung

Next - Custom Templates

E-Mail-Vorlagen

Last modified 6mo ago

Copy link