Checkout Configuration

After successfully activating your account on the Appcharge platform, the next step is configuring your domain settings through the Appcharge's dashboard. To initiate this process, follow the steps below:

1. Domain settings:

1. Navigate to the Dashboard:
   Access the Appcharge dashboard by logging in to your account.
2. Access Admin Settings:
   Once logged in to the dashboard, locate the Admin settings section.
3. Update your domain:
   Within the Company tab, update your web store domain.

2. Webhooks setting:

1. Navigate to the Dashboard:
   Access the Appcharge dashboard by logging in to your account.
2. Access Integration Settings:
   Once logged in to the dashboard, locate the Admin settings section, and click on the Integration tab.
3. Update Your Orders Reporting URL:
   Click on the Integration tab to update your Orders Reporting API URL. For detailed instructions, refer to the documentation
4. Update Your Events Webhook URL:
   Within Integration settings, update your Events Webhook (non-mandatory) URL. For detailed instructions, refer to the documentation

3. Customize your checkout:

1. Navigate to the Dashboard:
   Access the Appcharge dashboard by logging in to your account.
2. Access the Builder Tab:
   Once logged in to the dashboard, locate the Builder tab.
3. Go to the Checkout Page:
   Once in the Builder Tab, go to the Checkout Page to setup your Checkout design.

Checkout Design Fields:

• Logo: Specifies the logo displayed at the top of the checkout page.
• Primary Color: Defines the primary accent color used for key elements like buttons or highlighted sections on the checkout page.
• Font Color: Sets the color of the text displayed across the checkout interface.
• Background Image: Determines the background image for the checkout page.
• Background Image (Mobile): Allows a separate background image to be uploaded for the mobile version of the checkout page, ensuring better optimization for smaller screens.
• Button Color: Configures the color of interactive buttons within the checkout interface, such as the payment button.
• Button Font Color: Sets the font color for text inside buttons to enhance contrast and visibility.

Once you have configured your checkout settings, proceed to the next step in the integration process. For detailed instructions, refer to the Frontend SDKs documentation.