內容簡介
**總結：**
Shortcode Popup Forms 外掛可讓您輕鬆使用簡單的短碼在 WordPress 頁面上添加聯絡表單。當用戶點擊聯絡按鈕時，將顯示一個現代的聯絡表單，包含姓名、標題、電子郵件和消息欄位。該外掛支持自定義 SMTP 設置以確保可靠的郵件交付，並提供多種按鈕設計選項。
**問題與答案：**
- 如何可以在 WordPress 頁面上添加聯絡表單？
- 使用簡單的短碼即可在 WordPress 頁面上添加聯絡表單。
- 如何設置外掛以自訂 SMTP 設置？
- 在 WordPress 管理員面板中，前往「工具」>「Shortcode Popup Forms」並輸入自訂的 SMTP 伺服器詳細信息來設置。
- 有哪些短碼參數可用於自定義聯絡表單？
- 名稱、電子郵件和設計（可選）。設計選項包括：default、modern、gradient、outline、neumorphism、glassmorphism 等。
- 如何自定義按鈕設計？
- 在「工具」>「Thaxam Contact Form」>「Button Design」選項卡中選擇 6 種不同的設計樣式，並使用顏色選擇器自定義顏色。調整邊框半徑、填充、字體大小等樣式屬性。
外掛標籤
開發者團隊
原文外掛簡介
The Shortcode Popup Forms plugin allows you to easily add contact forms to your WordPress pages using a simple shortcode. When users click the contact button, a modern contact form appears with fields for name, title, email, and message. The plugin supports custom SMTP settings for reliable email delivery and offers multiple button design options.
Features
Add a contact form anywhere using a simple shortcode
Assign the message recipient (person/department) per shortcode
Minimal, fast, and fully responsive
No bloat — only essential fields
GDPR-friendly (no tracking, no cookies)
Works with any theme
Supports custom success messages
Shortcode Example
`
[thaxam-contact name=”John Doe” email=”[email protected]”]
`
Settings Page
The plugin settings page can be accessed from your WordPress admin dashboard:
Go to Tools > Shortcode Popup Forms
Configure SMTP settings for custom email delivery
Customize button designs and default recipient information
The settings page includes three tabs:
– SMTP Settings: Configure custom SMTP server details for reliable email delivery
– Default Recipient: Set default contact name and email for forms when not specified in shortcode
– Button Design: Customize button appearance, colors, and behavior with multiple design options
Usage
Add the contact form to any page or post using the shortcode:
[thaxam-contact name=”John Doe” email=”[email protected]”]
Shortcode Parameters
name (required): The name of the person to contact
email (required): The email address to send the message to
design (optional): Override the default button design (default, modern, gradient, outline, neumorphism, glassmorphism)
Examples
[thaxam-contact name=”John Doe” email=”[email protected]”]
This will create a “Send Email” button with the default design that reveals a contact form when clicked.
[thaxam-contact name=”Jane Smith” email=”[email protected]” design=”modern”]
This will create a “Send Email” button with the modern design style.
SMTP Configuration
If the default WordPress email settings don’t work, you can configure custom SMTP settings:
Go to Tools > Shortcode Popup Forms in your WordPress admin
Enter your SMTP server details:
SMTP Host: Your email server hostname (e.g., smtp.gmail.com)
SMTP Port: Usually 587 for TLS or 465 for SSL
SMTP Encryption: TLS, SSL, or None
SMTP Username: Your email username
SMTP Password: Your email password
Save the settings
Gmail Configuration Example
For Gmail:
– SMTP Host: smtp.gmail.com
– SMTP Port: 587
– SMTP Encryption: TLS
– SMTP Username: [email protected]
– SMTP Password: Your Gmail app password (not your regular password)
Note: You may need to enable “Less secure app access” or generate an app password for Gmail.
Button Design Customization
The plugin offers extensive button customization options:
Go to Tools > Thaxam Contact Form > Button Design tab
Choose from 6 different design styles
Customize colors using color pickers:
Background Color
Text Color
Hover Background Color
Adjust styling properties:
Border Radius
Padding
Font Size
Form Fields
The contact form includes the following fields:
Your Name (required): Sender’s full name
Title: Optional title or subject
Your Email (required): Sender’s email address
Message (required): The message content
Security Features
All form inputs are properly sanitized
Nonce verification for AJAX requests
Email validation
XSS protection through proper escaping
Support
For support or feature requests, please contact Thaxam.
License
This plugin is licensed under the GPL v2 or later.
Credits
Made by Thaxam
