> For the complete documentation index, see [llms.txt](https://docs.archisketch.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.archisketch.com/guide/dev-en/builder/wordpress/app-button.md).

# 3.2. WordPress: Customize the App Button

{% hint style="warning" %}
❗️ 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](https://archisketch.channel.io/home) or [Enterprise Inquiry](https://www.archisketch.com/en/enterprisetrial).
{% endhint %}

{% hint style="warning" %}
🚧 Prerequisite installation is required.

This feature can only be used after completing **\[3.1. WordPress: How to Install the Plugin]**.
{% endhint %}

## Customize the WordPress App

{% stepper %}
{% step %}

### Step\_01

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

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

![](/files/CdzVYlPCutqJJctdRzyL)
{% endstep %}

{% step %}

### Step\_02

If the integration with the WordPress 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:

![](/files/tzMczn6xMZgsz8svyZk3)

### 📌 Design

| Feature          | Description                                                                                                                                             |
| ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Button Image** | Customize the button image. (default: Archisketch logo)                                                                                                 |
| **Button Color** | Change the button color. (default: #2e2ee8)                                                                                                             |
| **Hide Button**  | Hides 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

| Feature             | Description                                                                        |
| ------------------- | ---------------------------------------------------------------------------------- |
| **Device Type**     | Set different button sizes and positions for PC and mobile environments.           |
| **Button Size**     | Sets the size of the button.                                                       |
| **Button Position** | Choose the starting point on the left or right. (default: Right)                   |
| **Position Offset** | Adjust the button's position based on the selected starting point (left or right). |
| {% endstep %}       |                                                                                    |
| {% endstepper %}    |                                                                                    |