Shortcode oder Script zur Darstellung mehrerer mitgesendeter Grafiken in E-Mails

Anza
(@wpaza)

vor 1 Jahr, 9 Monaten
Moin liebe Leute, ich hoffe ich finde hier Hilfe zu einem Problem, für das ich bisher ohne Erfolg, schon so einiges an Zeit für Recherche und Versuche investiert habe.

Ich biete in einem Kontaktformular mit WP-Forms das Mitsenden von Dateien bzw. Fotos an. Die Darstellung, die ich dann in der E-Mail erhalte beinhaltet nur die URL zu den hochgeladenen Bildern, jedoch keine Ansicht als Bild.

Die Fotos werden in den Ordner uploads gelegt und für jedes Foto wird eine URL angezeigt. Mit Komma getrennt in folgender Art:

https://domain/wp-content/uploads/elementor/forms/62cda000195a7.jpg , https://domain/wp-content/uploads/elementor/forms/62cda000196ae.jpg , https://domain/wp-content/uploads/elementor/forms/62cda00019733.jpg , https://domain/wp-content/uploads/elementor/forms/62cda000197b0.jpg

Der Dateiname wird immer hexadezimal fortlaufend neu erzeugt.
Ich kann mit dem Shortcode [all-fields] die gesamte E-Mail aus dem Kontaktformular darstellen.

Mit [field id=“formularfeldname-beispiel] kann ich jedes Feld einzeln auslesen

Der Uoload erfolgt zwar nur über ein einzelnes Formularfeld. Ich kann aber bis zu 10 Dateien mitsenden. Diese möchte ich alle in der E-Mail nicht nur als URL sondern als Foto anzeigen.

Ich bräuchte einen Shortcode oder ein kleines Script, mit dem ich sozusagen den String auslese und nacheinander jedes Foto mit html darstelle.

Vielleicht hast Du eine Idee?
Ich würde mich freuen.

Liebe Grüße aus Hamburg
- Dieses Thema wurde geändert vor 1 Jahr, 9 Monaten von Anza.
- Dieses Thema wurde geändert vor 1 Jahr, 9 Monaten von Anza.
- Dieses Thema wurde geändert vor 1 Jahr, 9 Monaten von Anza.
- Dieses Thema wurde geändert vor 1 Jahr, 9 Monaten von Anza.
- Dieses Thema wurde geändert vor 1 Jahr, 9 Monaten von Anza.
- Dieses Thema wurde geändert vor 1 Jahr, 9 Monaten von Anza.

Ansicht von 8 Antworten - 1 bis 8 (von insgesamt 8)

Thread-Starter

(@wpaza)

Dieses Thema ist als Spam markiert. ??

Entschuldigung, wenn ich zu oft gepostet habe, ich habe nur mehrfach Kleinigkeiten korrigiert um die Wartezeit zu überbrücken.

Moderator

Bego Mario Garde

(@pixolin)

vor 1 Jahr, 9 Monaten

Entschuldigung, wenn ich zu oft gepostet habe …

Unsere Forensoftware markiert Beiträge automatisch nach bestimmten Kriterien als Spam. Alles kein Problem, dauert dann nur ein bisschen, bis das jemand von uns frei gibt.

Moderator

Bego Mario Garde

(@pixolin)

vor 1 Jahr, 9 Monaten

Die Dokumentation zu Contact Form 7 hat eine eine Seite zum Datei-Upload und Einbindung in das E-Mail-Formular: File uploading and attachment – Hast du dir das bereits angeschaut?

Thread-Starter

Anza

(@wpaza)

vor 1 Jahr, 9 Monaten

Dankeschön, das habe ich mir angesehen aber ich verwende ja wp-forms.

Moderator

Bego Mario Garde

(@pixolin)

vor 1 Jahr, 9 Monaten

Ups, das hatte ich überlesen – Sorry.

In dem Fall ist dann A Complete Guide to the File Upload Field die richtige Seite.

Wieso du die hochgeladenen Bilder nicht als E-Mail-Anhang verwenden solltest, wird hier erläutert: https://wpforms.com/docs/a-complete-guide-to-the-file-upload-field/#notification-email-links.

Moderator

Hans-Gerd Gerhards

(@hage)

vor 1 Jahr, 9 Monaten

Hallo,
damit wir hier genau wissen, bei welchem Formular-Plugin es das Problem gibt, ist es sinnvoll, wenn du uns den Website-Bericht sendest.
Du findest unter Werkzeuge > Websitezustand > Info einen Bericht zur Website. Warte bitte einen Moment bis die Ladeanzeige ganz oben abgeschlossen ist und kopiere dann per Button den Website-Bericht in deine Zwischenablage. Über den Button „Bericht in die Zwischenablage kopieren“ kannst du den Bericht unverändert (bitte mit den Akzentzeichen am Anfang und Ende) einfügen und anschließend hier posten. Evtl. ergeben sich dann weitere Anhaltspunkte, ob und wo das Problem liegt.
Lies bitte auch noch mal: Bevor du ein neues Thema (Thread) erstellst.

Viele Grüße
Hans-Gerd

Nachtrag: Bego war flotter und hat wohl auch schon eine Idee zu dem Problem. 🚀

Diese Antwort wurde geändert vor 1 Jahr, 9 Monaten von Hans-Gerd Gerhards.

Thread-Starter

Anza

(@wpaza)

vor 1 Jahr, 9 Monaten

Danke für die Links Bego, leider bin ich damit auch nicht weiter gekommen.

Mein Formular findet Ihr hier:
https://aor.hamburg/kontakt-2

Im WP Backend, kann ich bei der Erstellung des Formulars, unter „Formular bearbeiten“ im Feld „Nachricht“ eigenen Code oder auch Shortcodes schreiben.

Aktuell sieht es bei mir so aus:

Eine Nachricht von [field id="name"] 
<img src="[field id='field_b18561a']" />

[all-fields]

Die generierte E-Mail wird dann folgendermaßen ausgeliefert.

Eine Nachricht von Andreas Zade Name, Firma, Kundenkennung: Andreas Zade
E-Mailadresse: xx@yy.zz
Rückruftelefonnummer: 000000000000000
Bitte zu folgendem Auftrag hinzufügen: Neukunde
Schaden Standort: Hamburg Bramfeld
Menge, Fläche bzw. Schadensumfang: 3 m²
Innen oder Aussenarbeiten:
Bitte Kontaktaufnahme per: Telefon

Terminwunsch Datum Arbeitsbeginn: 2022-07-13
Terminwunsch Uhrzeit Arbeitsbeginn: 12:00
Terminwunsch Datum Arbeitsende: 2022-07-13
Terminwunsch Uhrzeit Arbeitsende: 23:00
Nachricht: Testtext
Bitte senden Sie veranschaulichende Fotos: https://aor.hamburg/wp-content/uploads/elementor/forms/62ce0c724d584.jpg , https://aor.hamburg/wp-content/uploads/elementor/forms/62ce0c724d6fb.jpg , https://aor.hamburg/wp-content/uploads/elementor/forms/62ce0c724d7c4.jpg , https://aor.hamburg/wp-content/uploads/elementor/forms/62ce0c724d850.jpg
Akzeptanz der Datenschutzerklärung: on

---

Datum: 13. Juli 2022
Zeit: 2:06
Seiten URL: https://aor.hamburg/kontakt-2/

Da die URL’s hier nun bereits vorliegen,
suche ich nach einer Möglichkeit, diese per <img src=" einzubinden.

Mit einem Script oder mit einem Shortcode oder einer Kombination …

Im Moment des Erstellens kann ich keine Dateinamen eintragen bzw. aufrufen, da ich sie nicht kenne. Wenn der User den Button drückt, sind die URL’s in der E-Mail verfügbar.
Es eistiert sogar eine mit Komma getrennte Liste.
Jetzt möchte ich nur die Liste nehmen und jede URL bis zum Komma in ein ImageTag packen und in der E-Mail anzeigen lassen.

Leider weiß ich nicht wie.

Dankeschön auch an Dich Hans-Gerd.

Den Artikel hatte ich tatsächlich nicht auf dem Schirm.
Ich kannte nichtmal die Funktion. Das hole ich dann mal nach.
Bittesehr:


### wp-core ###

version: 6.0
site_language: de_DE
user_language: de_DE
timezone: Europe/Berlin
permalink: /%year%/%monthnum%/%day%/%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/w00c7b5f/aor/aorhhde
wordpress_size: 34,36 GB (36895969164 bytes)
uploads_path: /www/htdocs/w00c7b5f/aor/aorhhde/wp-content/uploads
uploads_size: 49,57 MB (51980756 bytes)
themes_path: /www/htdocs/w00c7b5f/aor/aorhhde/wp-content/themes
themes_size: 15,32 MB (16064681 bytes)
plugins_path: /www/htdocs/w00c7b5f/aor/aorhhde/wp-content/plugins
plugins_size: 148,37 MB (155580269 bytes)
database_size: 251,30 MB (263510637 bytes)
total_size: 34,82 GB (37383105507 bytes)

### wp-active-theme ###

name: Anzas Child (storefront-child)
version: 1.0
author: Anza
author_website: (undefined)
parent_theme: Storefront (storefront)
theme_features: core-block-patterns, widgets-block-editor, automatic-feed-links, post-thumbnails, custom-logo, menus, html5, custom-background, custom-header, site-logo, title-tag, customize-selective-refresh-widgets, wp-block-styles, align-wide, editor-styles, editor-font-sizes, editor-style, responsive-embeds, starter-content, widgets
theme_path: /www/htdocs/w00c7b5f/aor/aorhhde/wp-content/themes/storefront-child
auto_update: Deaktiviert

### wp-parent-theme ###

name: Storefront (storefront)
version: 3.9.1 (latest version: 4.1.1)
author: Automattic
author_website: https://woocommerce.com/
theme_path: /www/htdocs/w00c7b5f/aor/aorhhde/wp-content/themes/storefront
auto_update: Deaktiviert

### wp-themes-inactive (2) ###

Layers: version: 1.1.2, author: Jai Pandya, Automatische Aktualisierungen deaktiviert
Twenty Twenty-Two: version: 1.0, author: WordPress-Team (latest version: 1.2), Automatische Aktualisierungen deaktiviert

### wp-mu-plugins (1) ###

Elementor Safe Mode: version: 1.0.0, author: Elementor.com

### wp-plugins-active (16) ###

All in One SEO: version: 4.2.2, author: All in One SEO Team, Automatische Aktualisierungen aktiviert
Antispam Bee: version: 2.11.1, author: pluginkollektiv, Automatische Aktualisierungen aktiviert
BackUpWordPress: version: 3.13, author: XIBO Ltd, Automatische Aktualisierungen deaktiviert
Contact Form 7: version: 5.5.6.1, author: Takayuki Miyoshi (latest version: 5.6), Automatische Aktualisierungen deaktiviert
Elementor: version: 3.6.7, author: Elementor.com, Automatische Aktualisierungen aktiviert
Elementor Pro: version: 3.7.2, author: Elementor.com, Automatische Aktualisierungen aktiviert
GDPR Cookie Consent: version: 2.1.2, author: WebToffee, Automatische Aktualisierungen deaktiviert
HubSpot All-In-One Marketing - Forms, Popups, Live Chat: version: 8.13.58, author: HubSpot, Automatische Aktualisierungen aktiviert
Real Media Library (Free): version: 4.18.9, author: devowl.io, Automatische Aktualisierungen aktiviert
SearchWP Live Ajax Search: version: 1.7.2, author: SearchWP, LLC, Automatische Aktualisierungen aktiviert
SearchWP Modal Search Form: version: 0.4.1, author: SearchWP, LLC (latest version: 0.5.0), Automatische Aktualisierungen deaktiviert
Simple Local Avatars: version: 2.4.0, author: Jake Goldman, 10up (latest version: 2.5.0), Automatische Aktualisierungen deaktiviert
Sticky Header Effects for Elementor: version: 1.5.3, author: Rwattner, Automatische Aktualisierungen aktiviert
UpdraftPlus - Backup/Restore: version: 1.22.14, author: UpdraftPlus.Com, DavidAnderson, Automatische Aktualisierungen aktiviert
User Role Editor: version: 4.62, author: Vladimir Garagulya (latest version: 4.63), Automatische Aktualisierungen deaktiviert
WPFront Scroll Top: version: 2.0.7.08086, author: Syam Mohan, Automatische Aktualisierungen aktiviert

### wp-plugins-inactive (5) ###

Akismet Anti-Spam: version: 4.2.2, author: Automattic (latest version: 4.2.5), Automatische Aktualisierungen deaktiviert
Categories to Tags Converter Importer: version: 0.5, author: wordpressdotorg, Automatische Aktualisierungen deaktiviert
DSGVO All in one for WP: version: 4.1, author: Michael Leithold, Automatische Aktualisierungen aktiviert
ElementsKit Lite: version: 2.5.2, author: Wpmet (latest version: 2.6.2), Automatische Aktualisierungen deaktiviert
WooCommerce: version: 6.2.2, author: Automattic (latest version: 6.6.1), Automatische Aktualisierungen deaktiviert

### wp-media ###

image_editor: WP_Image_Editor_Imagick
imagick_module_version: 1687
imagemagick_version: ImageMagick 6.9.7-4 Q16 x86_64 20170114 http://www.imagemagick.org
imagick_version: 3.5.0
file_uploads: File uploads is turned off
post_max_size: 200M
upload_max_filesize: 200M
max_effective_size: 200 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: 1
imagemagick_file_formats: 3FR, 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, 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, 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, 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.26

### wp-server ###

server_architecture: Linux 4.15.0-188-generic x86_64
httpd_software: Apache
php_version: 8.0.20 64bit
php_sapi: fpm-fcgi
max_input_variables: 3000
time_limit: 0
memory_limit: 256M
max_input_time: 60
upload_max_filesize: 200M
php_post_max_size: 200M
curl_version: 7.58.0 OpenSSL/1.1.1
suhosin: false
imagick_availability: true
pretty_permalinks: true
htaccess_extra_rules: false

### wp-database ###

extension: mysqli
server_version: 5.7.37-nmm1-log
client_version: mysqlnd 8.0.20
max_allowed_packet: 67108864
max_connections: 500

### wp-constants ###

WP_HOME: undefined
WP_SITEURL: undefined
WP_CONTENT_DIR: /www/htdocs/w00c7b5f/aor/aorhhde/wp-content
WP_PLUGIN_DIR: /www/htdocs/w00c7b5f/aor/aorhhde/wp-content/plugins
WP_MEMORY_LIMIT: 40M
WP_MAX_MEMORY_LIMIT: 256M
WP_DEBUG: false
WP_DEBUG_DISPLAY: true
WP_DEBUG_LOG: false
SCRIPT_DEBUG: false
WP_CACHE: false
CONCATENATE_SCRIPTS: undefined
COMPRESS_SCRIPTS: undefined
COMPRESS_CSS: undefined
WP_ENVIRONMENT_TYPE: Nicht definiert
DB_CHARSET: utf8mb4
DB_COLLATE: undefined

### wp-filesystem ###

wordpress: writable
wp-content: writable
uploads: writable
plugins: writable
themes: writable
mu-plugins: writable

### aioseo (1) ###

noindexed: Suchseite

Diese Antwort wurde geändert vor 1 Jahr, 9 Monaten von Anza.
Diese Antwort wurde geändert vor 1 Jahr, 9 Monaten von Anza.
Diese Antwort wurde geändert vor 1 Jahr, 9 Monaten von Anza.
Diese Antwort wurde geändert vor 1 Jahr, 9 Monaten von Anza.
Diese Antwort wurde geändert vor 1 Jahr, 9 Monaten von Anza.
Diese Antwort wurde geändert vor 1 Jahr, 9 Monaten von Anza.

Moderator

Bego Mario Garde

(@pixolin)

vor 1 Jahr, 9 Monaten

Was meinst du mit „leider bin ich damit auch nicht weiter gekommen.“ – die Dokumentation schreibt, dass Bild-Anhänge zur E-Mail aus Gründen nicht möglich sind. Wie willst du da „weiterkommen“?

Wenn du eine reine Text-Nachricht per E-Mail versendest, kannst du auch keine HTML-Tags verwenden.

Der Website-Bericht passt nicht zu deiner Beschreibung, weil bei den aktiven Plugins WP Forms nicht aufgeführt wird. Statt dessen wird Contact Form 7 angezeigt, dass du nach eigenen Angaben aber nicht verwendest.

Da der Datei-Upload bei WP Forms nur in der gekauften Version funktioniert und uns die kostenpflichtige Version für kostenlosen Support nicht zur Verfügung steht, ändere ich den Status der Frage auf „keine Support-Frage“. Bitte wende dich an den Support des Plugin-Entwicklers.

Ansicht von 8 Antworten - 1 bis 8 (von insgesamt 8)

Das Thema „Shortcode oder Script zur Darstellung mehrerer mitgesendeter Grafiken in E-Mails“ ist für neue Antworten geschlossen.

Ansichten