2.2. Shopify: Customize the App Button

We provide guidance on how to effectively utilize the installed Archisketch app and customize it to match your brand.

✅ Please Check in Advance

❗️

This feature is only available for admin accounts.

Settings-related features in the dashboard can only be accessed by Admin accounts. To use the data import feature, please log in with an Admin account.

If you have forgotten your admin account details, please contact the Archisketch team via Archisketch Channel Talk or Enterprise Inquiry.

🚧

Prerequisite installation is required.

This feature can only be used after completing [2.1. Shopify: How to Install the App].

👉 📋 Use the Table of Contents on the right to quickly navigate to specific content.


Customize the Shopify App


Step_01.

Once the Shopify ↔️ Archisketch app installation is complete,
go to [Integration > Connected Channels] to confirm that Shopify is successfully linked.

*When the integration is complete, the Shopify card will be activated with a “Connected” badge.



Step_02.

If the integration with the Shopify website has been successfully activated, please navigate to the [Connection > Web Button Settings] tab at the top.

Click the [Edit] button next to the word “Design” to begin customizing the web button. You can preview your changes in real-time using the preview panel on the right side.


The button customization offers the following features:


📌 Design

FeatureDescription
Button ImageCustomize the button image. (default: Archisketch logo)
Button ColorChange the button color. (default: #2e2ee8)
Hide ButtonHides the entry button. (default: Off)
Button Name- Hide Button Name: Hides the text label of the button. (default: Off) - Change Button Name: Set a custom label. (default: "Enter 3D Interior")

📌 Position&Size

FeatureDescription
Device TypeSet different button sizes and positions for PC and mobile environments.
Button SizeSets the size of the button.
Button PositionChoose the starting point on the left or right. (default: Right)
Position OffsetAdjust the button's position based on the selected starting point (left or right).