Support » Themes » Buttons von Tucalendi werden nicht (richtig) dargestellt

  • Gelöst familiehasoe

    (@familiehasoe)


    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]

Ansicht von 9 Antworten - 1 bis 9 (von insgesamt 9)
  • 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?

    Thread-Starter familiehasoe

    (@familiehasoe)

    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. 😉

    Thread-Starter familiehasoe

    (@familiehasoe)

    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.

    Thread-Starter familiehasoe

    (@familiehasoe)

    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:

    1. Benenne auf dem Server per FTP den Ordner Plugins um in plugins.old.
    2. Dann legst du einen Ordner plugins wieder neu an.
    3. Dann kopierst du aus dem Ordner plugins.old auf dem Server einzeln die jeweiligen Plugin-Ordner wieder in den Ordner plugins auf dem Server.
    4. Nachdem du jeweils einen Plugin-Ordner kopierst hast, testest du, ob das Problem wieder auftaucht.
    5. 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.
    6. 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-Gerd

    In deinem Code ist eine ID enthalten:
    <div id="tucalendi_iframe_root" ...

    IDs dürfen nur einmalig pro Website vergeben werden, nicht mehrfach.

    Thread-Starter familiehasoe

    (@familiehasoe)

    Vielen lieben Dank für deine Hilfe!

Ansicht von 9 Antworten - 1 bis 9 (von insgesamt 9)
  • Das Thema „Buttons von Tucalendi werden nicht (richtig) dargestellt“ ist für neue Antworten geschlossen.