Propstack
Search…
Projekt Landing-Pages
Wie man ein eigenes Template für Projekt Landing-Pages erstellt
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
Last modified 6mo ago
Copy link