Gedenkportal einbinden oder aktualisieren
Diese Anleitung erklärt, wie Sie das Gedenkportal auf Ihrer Website integrieren.
Funktionsweise
Die Einbindung erfolgt über ein HTML-Code, der über eine individuelle endpointUrl verfügt.
Das Portal
zeigt automatisch aktuelle Gedenkseiten die neu angelegt wurden an.
enthält ein Bild, Geburts- und Sterbedatum, sowie Zeitpunkt der ausgewählten Zeremonie
ermöglicht das unkomplizierte Teilen der Gedenkseite direkt auf Facebook
Voraussetzung: endpointUrl
Jedes Bestattungsinstitut erhält eine eindeutige Endpoint-URL (individuelle Webadresse). Die endpointURL wird Ihnen per E-Mail mitgeteilt, sobald die Einrichtung abgeschlossen ist.
Die Installation:
Bitte stellen Sie sicher, dass Ihre Website über HTTPS erreichbar ist. Da alle im Code verwendeten URLs bereits HTTPS nutzen, sollte dies in der Regel kein Problem darstellen.
1. Richtiger Ort zum Einfügen
Fügen Sie den bereitgestellten folgenden Code-Block an der Stelle Ihrer Website ein, an welcher der Gedenkseiten Feed erscheinen soll (z. B. in einer eigenen Seite „Trauerfälle" oder „Gedenkseiten“).
<div id='memcare-memorial-feed' class='memorial-feed' data-config='
{
"config": {
"gridColWidth": 370,
"cardWidth": 370
},
"endpointUrl":
"https://core.prod.memcare.com/api/v2/public/funeral_homes/HIER-IHR-ENDPOINTURL-EINSETZEN/memorial_pages",
"labels": {
"birthDate": "Geburtsdatum",
"buyFlowers": "Blumen senden",
"ceremony": "Zeremonie",
"deathDate": "Sterbedatum",
"placeOfBurial": "Begräbnisort",
"share": "Teilen",
"title": "",
"notice": "Todesanzeige",
"search": "Suche",
"noResults": "Keine Ergebnisse gefunden",
"pageOverview": "Eine Gedenkseite ist ein Ort, um ein Leben zu ehren und
Erinnerungen mit anderen zu teilen. Familie und Freunde können Geschichten
und Fotos beitragen sowie praktische Informationen wie die Todesanzeige,
Zeremonie-Anmeldung, Livestream und Blumengrüße finden."
},
"paginationConfig": {
"arrowsFontColor": "#282E28",
"textFontColor": "#333"
},
"partnerLogo": "",
"enablePagination": true,
"enableSearch": true,
"searchBottomMargin": "50px",
"searchMaxWidth": "340px",
"perPage": 30,
"dateFormat": "DD MMMM YYYY",
"dateTimeFormat": "DD.MM.YYYY, H:mm",
"timeFormat": "H:mm",
"templateName": "Modern",
"personPlaceholder":
"https://memcare-public.s3.eu-central-1.amazonaws.com/ribbonPlaceholder.svg"
,
"fbImageUrl":
"https://memcare-public.s3.eu-central-1.amazonaws.com/modern/share.svg",
"flowerImageUrl":
"https://memcare-public.s3.eu-central-1.amazonaws.com/modern/flower.svg",
"timeImageUrl":
"https://memcare-public.s3.eu-central-1.amazonaws.com/modern/date.svg",
"placeImageUrl":
"https://memcare-public.s3.eu-central-1.amazonaws.com/modern/place.svg"
}
' style='display: block; width: 100%;'></div>
<script id="feed-script" src="https://memcare-public.s3.eu-central-1.amazonaws.com/memcare_memorial_feed_v11.js"></script>
2. Endpoint-URL ersetzen
Ersetzen Sie den Platzhalter im Code:
HIER-IHR-ENDPOINTURL-EINSETZEN
...durch Ihre echte Funeral-Home-ID, die Sie von memcare erhalten haben. Beispiel:
be-mustermann
3. Speichern & Testen
Speichern Sie die Seite und rufen Sie sie im Browser auf. Der Feed sollte automatisch laden und Ihre Gedenkseiten anzeigen.
3.1. Cache leeren
Nach der Integration sollten Sie den Cache Ihrer Website leeren, falls Sie ein Cache-Plugin (z. B. WP Rocket oder W3 Total Cache) verwenden. Andernfalls kann es vorkommen, dass der Feed nicht korrekt angezeigt wird.
Konfigurationsparameter
Alle Einstellungen werden im data-config-Attribut des <div>-Elements als JSON übergeben. Folgende Parameter stehen zur Verfügung:
Parameter | Beschreibung | Beispiel |
gridColWidth | Breite einer Kachel im Grid (px) | 370 |
cardWidth | Breite einer einzelnen Karte (px) | 370 |
endpointUrl | persönliche Funeral-Home-ID | be-mustermann |
perPage | Anzahl Einträge pro Seite | 30 |
enablePagination | Seitennavigation anzeigen | true / false |
enableSearch | Suchfeld anzeigen | true / false |
searchMaxWidth | Max. Breite des Suchfelds | 340px |
searchBottomMargin | Abstand unterhalb der Suche | 50px |
Textanpassung:
Im Abschnitt "labels" können Sie verschiedene Text nach Ihren Wünschen anpassen:
Parameter | Beschreibung | Beispiel |
birthDate | Benennung des Geburtsdatums | Datum der Geburt Geburtsdatum |
deathDate | Benennung des Sterbedatums | Sterbedatum Todesdatum |
share | Benennung der Teilenfunktion | Hier teilen |
search | Benennung des Suchfeldes | Suche |
pageOverview | Beschreibung, welche oberhalb der Gedenkseiten angezeigt wird | In stillem Gedenken an |
Häufige Probleme
Sollten bei der Darstellung auf Ihrer Webseite Probleme auftreten, prüfen Sie bitte, ob einer der folgenden Fälle auf Sie zutrifft und ob die jeweilige Lösung das Problem behebt:
Problem | Lösung |
Feed wird nicht angezeigt | Überprüfen Sie die korrekte Schreibweise Ihrer endpointURL |
Leere Seite / kein Inhalt | Stellen Sie sicher, dass Sie mindestens eine Gedenkseite zur Veröffentlichung freigegeben haben |
Script wird blockiert | Prüfen Sie die Content Security Policy (CSP) Ihrer Website. Die Domain memcare-public.s3.eu-central-1.amazonaws.com muss erlaubt sein. |
CORS-Fehler in der Konsole | Der Zugriff muss über HTTPS erfolgen. HTTP-Seiten werden von der API abgelehnt. |
Darstellungsfehler im Layout | Prüfen Sie, ob globale CSS-Regeln Ihrer Website das Widget-Layout überschreiben. |
Bitte beachten Sie, dass wir für die technische Umsetzung keinen Support leisten können und empfehlen, einen WordPress-Experten oder Ihre Webagentur zu kontaktieren.
Code:
Den Code zum Download finden Sie hier:
Sollten Sie noch keine endpointUrl von uns haben, melden Sie sich bitte via Pacemo-Chat oder unter support@pacemo.de.