Buttons von Tucalendi werden nicht (richtig) dargestellt
-
Hallo zusammen!
Ich möchte auf meiner Webseite direkt auf der Startseite verschiedene Terminbuchungen anbieten.
Dafür verwende ich Widgets von Tucalendi, die ich per html-Code einbinde. Die Buttons werden mir in der Blockvorschau auch richtig angezeigt.
In der Seitenvorschau und auf der aktualisierten Seite jedoch nicht. Dann taucht statt einem Button für’s Kennenlerngespräch und zweien unter „Stoffwindelberatung“ 3x derselbe unter dem Kennenlerngespräch auf.
Öffne ich in Firefox den Quellcode der Seite sind die 3 verschiedenen (!) Widgets/Buttons aber richtig platziert.
Ich verwende das Theme „Flash“, weiß aber nicht, ob das hierfür eine Rolle spielt.
Wieso stellt die Seite das anders da als es der Quellcode vorsieht?
Ich bin dankbar für jede Hilfe.
Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]
-
Dafür verwende ich Widgets von Tucalendi, die ich per html-Code einbinde.
Was für HTML-Code verwendest du dafür?
Die Buttons werden mir in der Blockvorschau auch richtig angezeigt.
Wie? Screenshot?
Dass die Weitergabe der IP-Adresse an Dritte (Tucalendi) ohne ausdrückliche Einwilligung gegen die Datenschutzvorgaben verstößt, weißt du?
Der html-Code wird mir von Tucalendi zur Verfügung gestellt, also z.B.
<!-- TuCalendi Widget --> <div id="tucalendi_iframe_root" data-tucalendi-options='{"domain":"hasoe.tucalendi.com/buchung/stoffwindelerstberatung","widget_type":"button","button_text":"Plannen","button_color":"#03a096","button_text_color":"#ffffff"}'></div> <script type="text/javascript" src="https://widgets.tucalendi.com/assets/iframewidget_cf.js"></script> <!-- End TuCalendi Widget -->
Ich sehe gerade nicht, wie ich hier einen Screenshot anfügen kann (bin neu im Forum). Wenn ich weiß wie, kann ich das gern nachholen.
Solange: Ich meine im visuellen Editor der Seite. Dort kann ich beim Block „individuelles html“ auswählen, ob ich das html oder die Vorschau sehen möchte. Die Vorschau wird mir richtig angezeigt. Wenn ich auf die komplette Seitenvorschau gehe, nicht mehr. Diese Seite ist gerade mit diesem Fehler online, sodass du da sehen kannst, wie es dann aussieht. Der Quellcode ist aber auch bei der veröffentlichten Version richtig.
TuCalendi ist im Gegensatz zu Calendly u.a. DSGVO-konform. Dass ich damit arbeite ist Teil meiner Datenschutzerklärung (bzw. wird es, wenn es endlich funktioniert). Die Besucher*innen müssen außerdem erst auf den Button drücken, dass sie einen Termin buchen wollen, vorher wird da m.W. nichts übertragen.
- Diese Antwort wurde geändert vor 1 Jahr, 3 Monaten von familiehasoe. Grund: Ergänzung wg. fehlendem Screenshot
- Diese Antwort wurde geändert vor 1 Jahr, 3 Monaten von Bego Mario Garde. Grund: Code formatiert
Ich sehe gerade nicht, wie ich hier einen Screenshot anfügen kann (bin neu im Forum). Wenn ich weiß wie, kann ich das gern nachholen.
Dabei hatte ich den Artikel doch verklinkt …
Wie kann man hier Bilder in einen Forenbeitrag einfügen?
TuCalendi ist im Gegensatz zu Calendly u.a. DSGVO-konform.
Das solltest du mit einem Juristen klären. Meiner Meinung nach ist es nicht DSGVO-konform, weil du ohne ausdrückliche Einwilligung die IP-Adresse deiner Webseiten-Besucher an Dritte weitergibst. Aber ich bin kein Jurist. Deine Website, deine Abmahnung. 😉
Sorry, das hatte ich übersehen.
Ich habe eine VA, die auf Datenschutz spezialisiert ist, und mir Tucalendi empfohlen hat. Aber ja, ist ein anderes Thema.
Ich habe das in einer Testumgebung mit dem Theme Flash und deinem Code nachgebaut und kann den Fehler nicht reproduzieren.
Vielleicht hängt es mit einem der Plugins zusammen, die du verwendest? Ohne Website-Bericht ist das schwer zu beurteilen.
Ich danke dir.
Ein Button/Code funktioniert bei mir auch. Das Problem scheint erst aufzutauchen, wenn ich mehrere Buttons einfügen möchte.
Kannst du in deiner Testumgebung 2 Buttons verwenden, also z.B. auch diesen Code hinzufügen (anderer Button)?
<!-- TuCalendi Widget --> <div id="tucalendi_iframe_root" data-tucalendi-options='{"domain":"hasoe.tucalendi.com/buchung/orientierungsgespraech","widget_type":"button","button_text":"Plannen","button_color":"#03a096","button_text_color":"#ffffff"}'></div> <script type="text/javascript" src="https://widgets.tucalendi.com/assets/iframewidget_cf.js"></script> <!-- End TuCalendi Widget -->
Ansonsten hier der Webseite-Bericht:
### wp-core ### version: 6.1.1 site_language: de_DE user_language: de_DE timezone: Europe/Berlin permalink: /%postname%/ https_status: true multisite: false user_registration: 0 blog_public: 1 default_comment_status: open environment_type: production user_count: 2 dotorg_communication: true ### wp-paths-sizes ### wordpress_path: /www/htdocs/w01c9e0b/familie-hasoe.de wordpress_size: 261,04 MB (273718454 bytes) uploads_path: /www/htdocs/w01c9e0b/familie-hasoe.de/wp-content/uploads uploads_size: 185,43 MB (194441093 bytes) themes_path: /www/htdocs/w01c9e0b/familie-hasoe.de/wp-content/themes themes_size: 7,40 MB (7762865 bytes) plugins_path: /www/htdocs/w01c9e0b/familie-hasoe.de/wp-content/plugins plugins_size: 129,73 MB (136033705 bytes) database_size: 11,58 MB (12146384 bytes) total_size: 595,19 MB (624102501 bytes) ### wp-dropins (1) ### advanced-cache.php: true ### wp-active-theme ### name: Flash (flash) version: 1.4.5 author: ThemeGrill author_website: https://themegrill.com parent_theme: none theme_features: core-block-patterns, widgets-block-editor, automatic-feed-links, title-tag, post-thumbnails, custom-logo, menus, html5, woocommerce, wc-product-gallery-zoom, wc-product-gallery-lightbox, wc-product-gallery-slider, siteorigin-panels, customize-selective-refresh-widgets, align-wide, wp-block-styles, responsive-embeds, custom-background, custom-header, infinite-scroll, jetpack-responsive-videos, widgets theme_path: /www/htdocs/w01c9e0b/familie-hasoe.de/wp-content/themes/flash auto_update: Aktiviert ### wp-plugins-active (14) ### Akismet Anti-Spam: version: 5.0.1, author: Automattic, Automatische Aktualisierungen aktiviert CookieYes | GDPR Cookie Consent: version: 3.0.6, author: CookieYes, Automatische Aktualisierungen aktiviert Flash Toolkit: version: 1.2.3, author: ThemeGrill, Automatische Aktualisierungen aktiviert Gwolle Guestbook: version: 4.4.1, author: Marcel Pol, Automatische Aktualisierungen aktiviert LeadConnector: version: 1.7, author: LeadConnector, Automatische Aktualisierungen aktiviert MetaSlider: version: 3.27.14, author: MetaSlider, Automatische Aktualisierungen aktiviert Page Builder by SiteOrigin: version: 2.19.0, author: SiteOrigin, Automatische Aktualisierungen aktiviert Simple Custom CSS: version: 4.0.6, author: John Regan, Automatische Aktualisierungen aktiviert ThemeGrill Demo Importer: version: 1.8.8.2, author: ThemeGrill, Automatische Aktualisierungen aktiviert UpdraftPlus - Backup/Restore: version: 1.22.23, author: UpdraftPlus.Com, DavidAnderson, Automatische Aktualisierungen aktiviert W3 Total Cache: version: 2.2.7, author: BoldGrid, Automatische Aktualisierungen deaktiviert weForms: version: 1.6.15, author: weForms, Automatische Aktualisierungen aktiviert Wordfence Security: version: 7.8.0, author: Wordfence, Automatische Aktualisierungen aktiviert Yoast SEO: version: 19.11, author: Team Yoast, Automatische Aktualisierungen aktiviert ### wp-plugins-inactive (1) ### WP Mail SMTP: version: 3.6.1, author: WPForms, Automatische Aktualisierungen deaktiviert ### wp-media ### image_editor: WP_Image_Editor_Imagick imagick_module_version: 1690 imagemagick_version: ImageMagick 6.9.10-23 Q16 x86_64 20190101 https://imagemagick.org imagick_version: 3.4.4 file_uploads: File uploads is turned off post_max_size: 600M upload_max_filesize: 1024M max_effective_size: 600 MB max_file_uploads: 20 imagick_limits: imagick::RESOURCETYPE_AREA: 31 GB imagick::RESOURCETYPE_DISK: 1.84467440737E+19 imagick::RESOURCETYPE_FILE: 786432 imagick::RESOURCETYPE_MAP: 31 GB imagick::RESOURCETYPE_MEMORY: 16 GB imagick::RESOURCETYPE_THREAD: 8 imagemagick_file_formats: 3FR, 3G2, 3GP, AAI, AI, ART, ARW, AVI, AVS, BGR, BGRA, BGRO, BIE, BMP, BMP2, BMP3, BRF, CAL, CALS, CANVAS, CAPTION, CIN, CIP, CLIP, CMYK, CMYKA, CR2, CRW, CUR, CUT, DATA, DCM, DCR, DCX, DDS, DFONT, DJVU, DNG, DOT, DPX, DXT1, DXT5, EPDF, EPI, EPS, EPS2, EPS3, EPSF, EPSI, EPT, EPT2, EPT3, ERF, EXR, FAX, FILE, FITS, FRACTAL, FTP, FTS, G3, G4, GIF, GIF87, GRADIENT, GRAY, GRAYA, GROUP4, GV, H, HALD, HDR, HISTOGRAM, HRZ, HTM, HTML, HTTP, HTTPS, ICB, ICO, ICON, IIQ, INFO, INLINE, IPL, ISOBRL, ISOBRL6, JBG, JBIG, JNG, JNX, JPE, JPEG, JPG, JPS, JSON, K25, KDC, LABEL, M2V, M4V, MAC, MAGICK, MAP, MASK, MAT, MATTE, MEF, MIFF, MKV, MNG, MONO, MOV, MP4, MPC, MPEG, MPG, MRW, MSL, MSVG, MTV, MVG, NEF, NRW, NULL, ORF, OTB, OTF, PAL, PALM, PAM, PANGO, PATTERN, PBM, PCD, PCDS, PCL, PCT, PCX, PDB, PDF, PDFA, PEF, PES, PFA, PFB, PFM, PGM, PGX, PICON, PICT, PIX, PJPEG, PLASMA, PNG, PNG00, PNG24, PNG32, PNG48, PNG64, PNG8, PNM, PPM, PREVIEW, PS, PS2, PS3, PSB, PSD, PTIF, PWP, RADIAL-GRADIENT, RAF, RAS, RAW, RGB, RGBA, RGBO, RGF, RLA, RLE, RMF, RW2, SCR, SCT, SFW, SGI, SHTML, SIX, SIXEL, SPARSE-COLOR, SR2, SRF, STEGANO, SUN, SVG, SVGZ, TEXT, TGA, THUMBNAIL, TIFF, TIFF64, TILE, TIM, TTC, TTF, TXT, UBRL, UBRL6, UIL, UYVY, VDA, VICAR, VID, VIFF, VIPS, VST, WBMP, WEBP, WMF, WMV, WMZ, WPG, X, X3F, XBM, XC, XCF, XPM, XPS, XV, XWD, YCbCr, YCbCrA, YUV gd_version: 2.2.5 gd_formats: GIF, JPEG, PNG, WebP, BMP, XPM ghostscript_version: 9.50 ### wp-server ### server_architecture: Linux 5.4.0-128-generic x86_64 httpd_software: Apache php_version: 7.4.30 64bit php_sapi: fpm-fcgi max_input_variables: 10000 time_limit: 600 memory_limit: 600M max_input_time: 0 upload_max_filesize: 1024M php_post_max_size: 600M curl_version: 7.68.0 OpenSSL/1.1.1f suhosin: false imagick_availability: true pretty_permalinks: true htaccess_extra_rules: true ### wp-database ### extension: mysqli server_version: 10.5.16-MariaDB-1:10.5.16+maria~focal-log client_version: mysqlnd 7.4.30 max_allowed_packet: 67108864 max_connections: 500 ### wp-constants ### WP_HOME: undefined WP_SITEURL: undefined WP_CONTENT_DIR: /www/htdocs/w01c9e0b/familie-hasoe.de/wp-content WP_PLUGIN_DIR: /www/htdocs/w01c9e0b/familie-hasoe.de/wp-content/plugins WP_MEMORY_LIMIT: 256M WP_MAX_MEMORY_LIMIT: 600M WP_DEBUG: false WP_DEBUG_DISPLAY: true WP_DEBUG_LOG: false SCRIPT_DEBUG: false WP_CACHE: true CONCATENATE_SCRIPTS: undefined COMPRESS_SCRIPTS: undefined COMPRESS_CSS: undefined WP_ENVIRONMENT_TYPE: Nicht definiert DB_CHARSET: utf8 DB_COLLATE: undefined ### wp-filesystem ### wordpress: writable wp-content: writable uploads: writable plugins: writable themes: writable
Hallo,
hast du denn bereits mal alle Plugins deaktiviert, um zu testen, ob es da zu Konflikten kommt?Am besten gehst du folgendermaßen vor:
- Benenne auf dem Server per FTP den Ordner Plugins um in
plugins.old
. - Dann legst du einen Ordner
plugins
wieder neu an. - Dann kopierst du aus dem Ordner
plugins.old
auf dem Server einzeln die jeweiligen Plugin-Ordner wieder in den Ordnerplugins
auf dem Server. - Nachdem du jeweils einen Plugin-Ordner kopierst hast, testest du, ob das Problem wieder auftaucht.
- Sollte es funktionieren, kopierst du den nächsten Plugin-Ordner. Sollte es nicht funktionieren, löschst du den gerade kopierten Plugin-Ordner wieder. Das ist dann das Plugin, das Probleme macht.
- Danach setzt du den Vorgang (Schritt 3. – 5.) solange fort, bis du alle Plugin-Ordner kopiert hast.
Alternativ kannst du nach einer Sicherung auch das Plugin Health Check & Troubleshooting installieren. Wenn du auf den Button „Problembehandlungsmodus aktivieren“ unter Problembehandlung klickst, werden alle Plugins deaktiviert und als Standardtheme (wenn vorhanden) twenty twenty oder Twenty Twenty-One aktiviert. Dann kannst du sehen, ob die beschriebenen Probleme noch weiterhin auftauchen. Aktiviere dann Plugin für Plugin im Problembehandlungsmodus und schaue jeweils nach Aktivierung eines Plugins, ob das Problem noch besteht. Auf diese Weise kannst du möglicherweise ein Plugin finden, dass das Problem verursacht. Vorteil dabei ist, dass Besucher deine Website mit allen Infos und Plugins sehen, während nur für dich alle Plugins deaktiviert sind.
Akismet entspricht übrigens nicht den europäischen Datenschutzvorgaben. Schau dir mal Antispam Bee an. Kostenlos, leistungsfähig und datenschutzkonform.
Viele Grüße
Hans-GerdIn deinem Code ist eine ID enthalten:
<div id="tucalendi_iframe_root" ...
IDs dürfen nur einmalig pro Website vergeben werden, nicht mehrfach.
Vielen lieben Dank für deine Hilfe!
- Das Thema „Buttons von Tucalendi werden nicht (richtig) dargestellt“ ist für neue Antworten geschlossen.