Account Details

Overview

Displays and allows editing of the currently logged-in customer’s profile information. Shows customer details like name, email, phone number, and other account information managed in BigCommerce.

Requirements

• Parent block: Must be inside commerce-connect/account
• BigCommerce data: Customer profile data from BigCommerce

Configuration

Attributes

• settingsId (string) - Settings configuration identifier
  • Default: ""

Block Support

• HTML editing: Not supported

Usage

Placement

This block must be placed inside the Account parent block. It’s typically part of the customer account dashboard page.

Common Patterns

From the demo video script, the Account Details block is one of several customer self-service blocks:

[Account Dashboard]
  Account Menu
  Account Orders
  → Account Details ← (Profile management)
    First Name: [editable field]
    Last Name: [editable field]
    Email: [editable field]
    Phone: [editable field]
    [Update Profile button]
  Account Addresses

Customers can:

• View their current profile information
• Edit their name, email, phone, and other details
• Update their account information
• Change their password (if supported)

All changes are saved to BigCommerce’s customer database.

Technical Details

CSS Classes

The block includes editor-specific styling (index.css) for the block interface.

Data Source

The Account Details block communicates with BigCommerce’s Customers API to:

• Retrieve current customer profile data for the authenticated user
• Display editable fields for customer information
• Submit updates to BigCommerce when customer saves changes
• Validate customer data against BigCommerce requirements

All customer profile data is managed in BigCommerce. When the block loads:

1. Customer authentication is verified
2. API request is made to BigCommerce for customer profile
3. Customer data is returned (name, email, phone, etc.)
4. Data is displayed in WordPress® UI as editable fields
5. When customer saves changes, data is posted to BigCommerce API

Customer information is NOT stored in WordPress® - it’s managed entirely in BigCommerce to maintain a single source of truth.

Troubleshooting

Account details not displaying

• Verify the customer is logged in
• Check that the block is inside an Account parent block
• Ensure BigCommerce API connection is active
• Review browser console for API errors

Customer data is empty or incomplete

• Check that customer profile is complete in BigCommerce admin
• Verify API permissions include customer data access
• Review API response for missing fields
• Ensure customer record exists in BigCommerce

Unable to save changes

• Check for validation errors (e.g., invalid email format)
• Verify API permissions include customer data write access
• Review browser console for API error messages
• Ensure required fields are completed
• Check for BigCommerce customer field requirements

Email change not allowed

• BigCommerce may restrict email changes for security reasons
• Customer may need to contact support to change email
• Check BigCommerce customer settings for email change policies

Changes saved but not reflecting

• Verify changes were actually saved in BigCommerce admin
• Clear any WordPress® or CDN caching
• Refresh the page to load fresh data from BigCommerce
• Check for API response confirmation

Password change functionality

• Password management is typically handled through BigCommerce’s password reset flow
• Check if Account Details block includes password change fields
• Verify password change API endpoint is configured
• Ensure password requirements are clearly communicated