Author: Neftaly Malatjie

Copy and Paste from SayPro Staff Kraal

Copy and Paste from SayPro Staff Kraal

To make your WordPress templates 80% wide in the Twenty Twenty-Five theme (which uses Full Site Editing), you’ll typically adjust the Group block or overall layout container inside each template.

Here’s how to set templates to 80% width visually in the Site Editor:

---

🛠️ Set Template Width to 80% in Site Editor

1. Go to:
   Appearance → Editor
2. Click the “Templates” tab (left sidebar)
   → Choose the template you want to adjust (e.g. Page, Single, Home)
3. Find the main Group block that wraps your content:
   • Usually labeled something like “Group” or “Main”.
4. Click it, and in the right sidebar, under Dimensions → Width:
   • Set the width to 80%
   • Optionally add margin: 0 auto (or use the Align center option) to center it.
5. Click Save.

---

🧾 Alternative (Using Custom CSS – Optional)

If block settings don’t give enough control, you can apply this CSS:

1. Go to Appearance → Customize → Additional CSS
2. Add: .wp-site-blocks > * { max-width: 80%; margin-left: auto; margin-right: auto; }
3. Click Publish

---

Would you like this applied only to specific templates like Blog posts or the Home page?

The WooCommerce General Settings control your store’s core configurations — such as your store address, currency, and tax settings. These are foundational for how your WooCommerce store operates.

---

⚙️ How to Access General Settings

1. Go to your WordPress Dashboard.
2. Navigate to WooCommerce > Settings.
3. You’ll land on the General tab by default.

---

📋 WooCommerce General Settings Breakdown

🏬 Store Address

Used for:

• Tax calculations
• Shipping origins
• Default customer location

Fields:

• Address line 1 167 14th Road
• Address line 2 Noordwyk
• City Midrand
• Country / State South Africa – Gauteng
• Postcode / ZIP 1687

---

🌍 General Options

• Selling Location(s):
  • Choose where you sell:
    • Yes – Sell to all countries
    • Sell to specific countries only
    • Sell to all countries except…
• Shipping Location(s):
  • Choose where you ship:
    • Yes – Ship to all countries you sell to
    • Ship to specific countries
    • Disable shipping & shipping calculations (for digital products)
• Default Customer Location:
  • Determines what location is assumed for taxes and shipping before the customer provides their actual location.
    • No location (no tax until address entered)
    • Shop base address (most common)
    • Yes – Geolocate or Geolocate with page caching support
• Enable Taxes:
  • ✅ Check this to enable tax calculations.
  • Once enabled, a Tax tab appears in WooCommerce settings.
• Enable Coupons:
  • ✅ Allow the use of coupon codes during checkout.
  • Optional: Enable applying coupons individually or restrict combinations.

---

💱 Currency Options

Controls how prices are displayed and calculated:

• Currency: Choose your store’s base currency (e.g., USD, ZAR, EUR, GBP). Rand
• Currency Position: Left, Right, with/without space (e.g., $100 or 100€)
• Thousand Separator: e.g., ,
• Decimal Separator: e.g., .
• Number of Decimals: Usually 2 (for cents/pennies)

---

✅ Summary of What to Set Up First:

• Correct store address
• Define where you sell and ship
• Choose currency format
• Enable taxes if needed
• Enable coupons if you’ll offer discounts

---

Would you like help configuring these based on your country or type of products (physical, digital, services)?

WooCommerce itself doesn’t have a separate “Site Visibility” setting — it uses the WordPress visibility setting under Settings > Reading. However, certain WooCommerce features and behaviors can make your site or store behave like it’s in “Coming Soon” or “not live” mode.

Here’s what you need to check for full WooCommerce site visibility:

---

✅ 1. Woocommerce Site Visibility Setting

Ensure this is properly configured:

• Go to WooCommerce> Settings> Site Visibility.
• Select Live
• Click Save Changes.

✅ 1. WordPress Site Visibility Setting

Ensure this is properly configured:

• Go to Settings > Reading.
• Make sure “Discourage search engines from indexing this site” is unchecked.
• Click Save Changes.

---

✅ 2. WooCommerce Page Assignments

WooCommerce won’t function properly if key pages aren’t assigned:

• Go to WooCommerce > Settings > Advanced.
• Ensure these pages are set:
  • Cart
  • Checkout
  • My Account
  • Terms and Conditions (optional)
• If any are missing, assign the correct page and save.

---

✅ 3. WooCommerce “Coming Soon” Admin Banner

If you’re seeing a “Coming Soon” or “Not Live” message in the admin panel, it means WooCommerce thinks setup isn’t complete:

• Go to WooCommerce > Home.
• Complete or dismiss all the steps in the Setup Wizard.
• Once all tasks are completed or skipped, the “Coming Soon” label should go away.

---

✅ 4. Product Visibility

Ensure your products are set to “Public”:

• Go to Products > All Products.
• Edit each product and check “Visibility” in the Publish panel.
• Make sure it’s set to Public, not Private or Password-Protected.

---

✅ 5. Maintenance or Coming Soon Plugins

Check for plugins like:

• SeedProd
• WP Maintenance Mode
• Under Construction Page

If one is active, it might hide your site from visitors. Deactivate or disable the “Coming Soon” mode inside the plugin settings.

---

---

Step-by-Step Guide to Configure PayFast in WordPress (WooCommerce)

1. Install WooCommerce (If Not Already Installed)

• Go to your WordPress Dashboard.
• Navigate to Plugins > Add New.
• Search for WooCommerce, click Install Now, then Activate.

2. Install the PayFast Payment Gateway Plugin

• From your Dashboard, go to Plugins > Add New.
• Search for “PayFast for WooCommerce“.
• Click Install Now, then Activate.

Here are the WooCommerce PayFast settings you need to configure to accept payments on your WordPress site:

---

WooCommerce PayFast Settings

To access:
WooCommerce > Settings > Payments > PayFast > Manage

1. Enable/Disable

• Checkbox: Tick to enable PayFast as a payment option during checkout.

2. Title

• SayProPay
• Shown to customers at checkout (you can rename it to something like “Secure Card & EFT Payment”).

3. Description

• Pay with SayProPay now
• Shown under the payment title during checkout.

4. Merchant ID

• Enter your PayFast Merchant ID 12136798

5. Merchant Key

• xq3gisrayimh2
• Enter your PayFast Merchant Key

6. Passphrase

• SayPro123

7. Sandbox Mode

• Don’t Tick

8. Debug Log

• Enable this to log all API requests and responses for troubleshooting.
• Logs are saved under WooCommerce > Status > Logs.

9. Payment Method Restriction

• Some versions of the plugin allow you to enable/disable specific payment methods like:
  • Credit Card
  • Instant EFT
  • Zapper
  • Masterpass
  • SnapScan

10. Return URL & Cancel URL

• These are auto-generated by WooCommerce.
• You can verify and customize these in your PayFast dashboard under Settings > Integration if needed.

11. Save Changes

• Always click “Save changes” at the bottom after configuring your settings.

---

Would you like help with PayFast sandbox testing or setting up custom payment success pages?

3. Access WooCommerce Payment Settings

• Navigate to WooCommerce > Settings.
• Click on the Payments tab.
• Find PayFast in the list of available payment methods and click Manage.

4. Enable PayFast

• Check the box that says Enable PayFast.
• Optionally, change the Title and Description that customers will see during checkout.

5. Enter Your PayFast Credentials

• Log in to your PayFast account at www.payfast.co.za.
• Go to Settings > Integration in PayFast to get your:
  • Merchant ID
  • Merchant Key
  • Passphrase (if enabled)
• Enter these details into the respective fields in your WooCommerce PayFast settings.

6. Configure Additional Settings (Optional)

• Debug Log: Enable if you need to troubleshoot.
• Sandbox Mode: Enable for testing payments before going live.
• Payment Method Restriction: Choose which methods (Credit Card, Instant EFT, etc.) you want to offer.

7. Save Changes

• Scroll down and click Save changes.

8. Test the Integration (Optional but Recommended)

• Enable Sandbox Mode in the PayFast settings.
• Perform a test transaction to ensure everything is functioning correctly.

9. Go Live

• Disable Sandbox Mode once you’ve confirmed the setup works.
• Make sure your PayFast account is activated and fully verified for live payments.

---

Refer to SayPro Staff Kraal and Copy and Paste into this footer

To edit the footer in the WordPress Twenty Twenty-Five theme, you can utilize the Site Editor, which is part of the Full Site Editing (FSE) feature introduced in WordPress 5.9. This approach allows for a visual and intuitive way to modify your site’s footer.(Elegant Themes)

---

🛠️ Editing the Footer Using the Site Editor

1. Access the Site Editor:
   • Navigate to your WordPress dashboard.
   • Go to Appearance → Editor.
   • This opens the Site Editor, where you can modify various parts of your site, including the footer.(Hostinger)
2. Locate the Footer Template:
   • In the Site Editor, look for the Footer template.
   • Click on it to open the footer editing area.
3. Edit Footer Content:
   • Once in the footer template, you can add or modify blocks.
   • To add a new block, click the + button and select the desired block type (e.g., Paragraph, Navigation, Social Icons).
   • To edit existing content, click on the block you wish to modify and make the necessary changes.
4. Customize Block Settings:
   • Each block has its own settings.
   • With a block selected, use the settings panel on the right to adjust styles, colors, typography, and other properties.
5. Save Your Changes:
   • After making your edits, click the Save button in the upper-right corner to apply your changes.

---

🧩 Additional Customization Options

• Add Widgets to Footer:
  • If your theme supports widgets, you can add them to your footer.
  • Navigate to Appearance → Widgets.
  • Drag and drop widgets into the footer widget areas.(Crazy Egg)
• Modify Footer Text or Remove “Powered by WordPress”:
  • To change or remove the default footer text, you’ll need to edit the footer.php file.
  • Go to Appearance → Theme Editor.
  • Select footer.php from the list of theme files.
  • Locate the line containing the “Powered by WordPress” text and modify or delete it as needed.
  • Click Update File to save your changes.(wp-includes.com, The Blog Mechanic, Hostinger)
• Apply Custom CSS:
  • For advanced styling, you can add custom CSS.
  • Navigate to Appearance → Customize → Additional CSS.
  • Enter your custom CSS rules and click Publish to apply them.(The Blog Mechanic)

---

Copy from SayPro Staff Kraal

The SayPro WooCommerce Advanced Settings allow you to configure deeper technical and system-level features of your online store. Here’s how to access and what you can find there:

---

🔧 How to Access SayPro WooCommerce Advanced Settings

1. Log into your SayPro WordPress Dashboard.
2. Navigate to SayPro WooCommerce > Settings.
3. Click on the Advanced tab (far right).

---

🧩 Sections Inside SayPro WooCommerce > Advanced

Here’s a breakdown of the options available:

1. Page Setup

Assign pages for key SayPro WooCommerce functions:

• Cart page ensure that is is SayPro XX Cart
• Checkout page ensure that is is SayPro XX Checkout
• My Account page ensure that is is SayPro XX Account
• Terms and Conditions page ensure that is is SayPro XX Terms and Conditions

Make sure the right pages are selected here; otherwise, your store may not function properly.

---

2. Checkout Endpoints

These define URL “endpoints” for actions like:

• order-pay (for payment) rename to saypro-xx-order-pay
• order-received (thank you page) rename to saypro-xx-order-received
• add-payment-method rename to add-saypro-xx-method
• delete-payment-method rename to delete-saypro-xx-payment-method
• set-default-payment-method rename to set-default-saypro-xx-method

✅ You can customize these slugs for SEO or user clarity, but be cautious — changing them incorrectly may break checkout flows.

---

3. Account Endpoints

Controls URLs under the My Account page for:

• orders rename to saypro-xx-orders
• view-order rename to view-saypro-xx-order
• downloads rename to saypro-xx-downloads
• edit-account rename to edit-saypro-xx-account
• edit-address rename to edit-saypro-xx-address
• payment-methods rename to edit-saypro-xx-payment-methods
• lost-password rename to lost-saypro-xx-password
• customer-logout rename to saypro-xx-customer-logout

These determine how SayPro WooCommerce handles customer dashboard navigation.

---

4. REST API

Enable or manage the SayPro WooCommerce API, used by apps, integrations, or developers:

• Create API keys
• Set read/write access
• Use for third-party tools or custom apps

---

5. Webhooks

Set up webhooks to send data to external services (e.g., CRMs, inventory systems) when certain events happen (like an order being created).

---

6. Legacy API

This is deprecated. Most users should leave this disabled unless using an older integration that specifically requires it.

---

7. SayPro WooCommerce.com

Log in to your SayPro WooCommerce.com account to manage connected subscriptions, updates, or extensions.

---

Ah, thanks for the clarification — if you’re seeing a “Coming Soon” notice in the top right corner of your WordPress admin dashboard, it’s likely from WooCommerce’s onboarding wizard or Site Status.

Here’s how to remove or dismiss that “Coming Soon” banner in the top right:

---

✅ Method 1: Complete the WooCommerce Setup Wizard

That “Coming Soon” notice often appears because WooCommerce thinks your store setup isn’t complete yet.

1. Go to WooCommerce > Home.
2. You should see a Setup Wizard or a checklist.
3. Complete or dismiss all steps — even if you’re not going to use them.
4. Once all steps are completed or dismissed, the “Coming Soon” label should disappear.

---

✅ Method 2: Publish the Site (via Site Visibility)

Sometimes, WordPress considers the site not fully live. To fix this:

1. Go to Settings > Reading.
2. Scroll to “Search engine visibility”.
3. Make sure “Discourage search engines from indexing this site” is unchecked.
4. Save changes.

---

✅ Method 3: Check WooCommerce Status

1. Go to WooCommerce > Status.
2. Make sure there are no critical errors or setup issues.
3. If there are required setup steps, complete or dismiss them.

---

✅ Method 4: Dismissing the Notice

If the banner is dismissible:

• Hover over the “Coming Soon” notice.
• See if there’s a small “×” (close) button or “Dismiss” option.
• Click it to hide the notice permanently.

---

If you’re still seeing the notice after these steps, I can help you inspect it with a screenshot or plugin list. Would you like to go that route?