> For the complete documentation index, see [llms.txt](https://magecomp.gitbook.io/shopify/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://magecomp.gitbook.io/shopify/apps/hook-social-login/configuration/x-configuration.md).

# X Configuration

<mark style="color:blue;">**Step #1**</mark>

Visit the [**X Developer Portal**](https://developer.x.com/) and Sign in.&#x20;

After that click on **Developer Portal**.

<figure><img src="/files/QTlrPG68uziRqLbLtzGz" alt=""><figcaption></figcaption></figure>

<mark style="color:blue;">**Step #2**</mark>

Click on **Create Project** and enter the **Project Name**, **Use Case**, and **Project Description**.

<figure><img src="/files/g0jpUzXrKY8FXWY7VfPk" alt=""><figcaption></figcaption></figure>

<mark style="color:blue;">**Step #3**</mark>

Enter an **App Name** to generate the **API Key** and **API Secret Key**.&#x20;

Copy and store them securely for future use.&#x20;

After that, click **Go to Dashboard** and navigate to Settings.

<figure><img src="/files/V55qY2zbc7Tw8fEGQDRx" alt=""><figcaption></figcaption></figure>

<mark style="color:blue;">**Step #4**</mark>

Click the Edit button to update your App Logo and other details.

<figure><img src="/files/NtmTAD3hRtRfP9mGLnzN" alt=""><figcaption></figcaption></figure>

<mark style="color:blue;">**Step #5**</mark>

Click Setup and adjust the following settings:

* Set **App Permissions** to **Read and Write and Direct Messages**.
* Enable **Request Email from Users**.
* Choose the App Type: **Web App, Automated App, or Bot**.

<figure><img src="/files/gxRnno8gNDCaAGp1Vg2q" alt=""><figcaption></figcaption></figure>

<mark style="color:blue;">**Step #6**</mark>

Add the Callback URL, e.g., <https://googleonetap.magecomp.net/api/handleCallback?shop=your-store-url.myshopify.com>

Enter additional details: **Website URL**, **Organization URL**, **Terms of Service**, and **Privacy Policy**.

Select the **Save** button.

<figure><img src="/files/NhdcBYPMdWcGpb8hddGh" alt=""><figcaption></figcaption></figure>

<mark style="color:blue;">**Step #7**</mark>

Copy your **API Key, Secret Key,** and **Callback URL**.&#x20;

After copying the keys, paste them into the HOOK App for integration.

<mark style="color:blue;">**Step #8**</mark>

After following all these steps, go to **Online Store** ➤ **Preferences** ➤ **Spam Protection** and **Disable** the by default selected options:

* Enable hCaptcha on contact and comment forms
* Enable hCaptcha on login, create account and password recovery pages

<figure><img src="/files/mmSepkpFiRq2mtLCYC96" alt=""><figcaption></figcaption></figure>

It is necessary to keep these two options **Disabled** as they cause errors sometimes, which may cause a bad user experience.

<mark style="color:blue;">**Step #9**</mark>

Ensure the **Customer Accounts Type** is set to **Legacy**. If not, update the configuration.

<figure><img src="/files/nJZlmSpmt2ahCnu4QWFi" alt=""><figcaption></figcaption></figure>
