Comprehensive Setup & Usage Guide for “AI Tools for Creators” Website

Note: This documentation is intended for your clients’ own domain (e.g., your-domain.com). We include the All-in-One WP Migration plugin ZIP in your deliverables—install this version before importing. Do not use the free WordPress.org version, as it enforces strict file size limits.

---

Table of Contents

1. Importing the Complete Site
2. Customizing Site Identity, Menus & Styles
3. Customizing Layout with Elementor Pro
4. Configuring WP Mail SMTP for Email Delivery
5. Setting Up & Testing Contact Form 7 in Elementor
6. Writing AI Tool Reviews with ACF Custom Fields
7. Best Practices & Troubleshooting

---

1. Importing the Complete Site

Before you begin, install the provided All-in-One WP Migration plugin to your WordPress installation on your-domain.com. This plugin is included in your deliverables—install this version before importing to avoid the size limits of the WordPress.org free plugin.

1.1. Install & Activate All-in-One WP Migration

1. Go to Plugins → Add New → Upload Plugin.
2. Select all-in-one-wp-migration.zip, click Install Now, then Activate.

1.2. Import Your Site Backup

1. Navigate to All-in-One WP Migration → Import.
2. Click Import From → File, select the .wpress backup, then Proceed to overwrite.
3. Wait for the import to finish—this can take several minutes.

1.3. Refresh Permalink Structure

1. Go to Settings → Permalinks.
2. Click Save Changes twice to regenerate rewrite rules and avoid 404 errors.

---

2. Customizing Site Identity, Menus & Styles

After import, update your branding and navigation.

2.1. Update Site Title & Logo

1. Appearance → Customize → Site Identity.
2. Change Site Title and Tagline to reflect your brand.
3. Upload your Site Logo (recommended 250×100px).
4. Click Publish.

Astra Theme Docs: https://wpastra.com/docs/

2.2. Configure Menus

1. Appearance → Menus.
2. Select Primary Menu, edit items (Home, Blog, Reviews, Help, Contact).
3. Enable Open in new tab for external links if needed.
4. Click Save Menu.

WordPress Menus: https://wordpress.org/support/article/appearance-menus-screen/

2.3. Set Colors & Typography

1. Appearance → Customize → Global (Astra settings).
2. Under Colors, apply your brand palette.
3. Under Typography, choose fonts and sizes.
4. Click Publish.

Astra Typography: https://wpastra.com/docs/typography/

---

3. Customizing Layout with Elementor Pro

Use Elementor Pro’s Theme Builder to tailor templates.

1. Ensure Elementor Pro is Active
   • Plugins → Installed Plugins → verify Elementor Pro is active.
2. Edit Theme Templates
   • Templates → Theme Builder → customize Header, Footer, Single Review, Archive.
3. Drag & Drop Widgets
   • Use Nav Menu, Logo, Button, Icon Box, etc.
4. Global Settings
   • In Elementor, open Site Settings → Global Colors & Typography to set brand styles.
   • Click Update on each template.

Elementor Pro Docs: https://elementor.com/help/

---

4. Configuring WP Mail SMTP for Email Delivery

Ensure all site emails (notifications, form submissions) send reliably via SMTP.

4.1. Install & Activate WP Mail SMTP

1. Plugins → Add New, search WP Mail SMTP by WPForms, click Install, then Activate.

4.2. Configure General Settings

1. WP Mail SMTP → Settings.
2. Under General, set:
   • From Email: noreply@your-domain.com
   • From Name: “AI Tools for Creators”
3. Enable Force From Email and Force From Name.

4.3. Choose & Setup Mailer

1. Select your mailer (Generic SMTP, SendGrid, Mailgun, Gmail).
2. Enter SMTP Host, Port (465/587), Encryption (SSL/TLS), Username, Password.
3. Click Save Settings.

4.4. Test Email

1. Open the Email Test tab.
2. Enter your address, click Send Email, verify receipt.

WP Mail SMTP Docs: https://wpmailsmtp.com/docs/

---

5. Setting Up & Testing Contact Form 7 in Elementor

Embed and verify Contact Form 7 forms for lead capture.

5.1. Confirm CF7 Activation

1. Plugins → Installed Plugins → ensure Contact Form 7 is active.

5.2. Configure the Form

1. Contact → Contact Forms, select your form.
2. In the Mail tab, set:
   • To: support@your-domain.com
   • From: noreply@your-domain.com
   • Adjust Subject and Message Body as needed.
3. Click Save.

5.3. Embed & Test

1. In Elementor, add the Contact Form 7 widget and select your form.
2. Update and submit a test to confirm email delivery.

---

6. Writing AI Tool Reviews with ACF Custom Fields

Add review posts using two ACF fields:

Field Key	Purpose
affiliate_link	URL for the “Visit” button.
Core_tool_features	One-line summary of the tool’s main benefit.

1. Ensure ACF is Active
2. Posts → Add New (or Reviews CPT).
3. Write content: Introduction, Features, Pros/Cons, Conclusion.
4. Fill affiliate_link and Core_tool_features in the ACF meta box.
5. Assign category/tags and set a featured image.
6. Publish and verify button/link and subtitle display correctly.

---

7. Best Practices & Troubleshooting

• Backups: Use All-in-One WP Migration → Export regularly.
• User Roles: Create Editor/Author accounts.
• Updates: Keep WordPress, theme, and plugins updated.
• Analytics: Install Google Analytics; track affiliate clicks.
• Common Issues:
  • Import errors? Use provided migration plugin ZIP.
  • Emails failing? Verify SMTP settings.
  • Forms not sending? Check CF7 config.

---

Support: Email contact@narvoo.com for assistance.

Happy customizing and sharing your AI tool reviews!