Beállítások

A hitelesítést egyszer, globálisan állítod be, utána minden űrlap használhatja. A beállítások helye: JetFormBuilder → Beállítások → HubSpot API.

https://minta-bolt.hu/wp-admin/edit.php?post_type=jet-form-builder&page=jfb-settings

Az alapállapotban az API key mező és az Enable OAuth 2.0 kapcsoló látszik.

Beállítás	Mit csinál	Alapérték
API key	A HubSpot API-kulcsát tárolja (régi hitelesítési mód). A szem ikonnal megmutathatod vagy elrejtheted a beírt értéket.	üres
Enable OAuth 2.0	Bekapcsolva OAuth 2.0 hitelesítést használ az API-kulcs helyett, és megjelennek az OAuth mezői.	kikapcsolva

A HubSpot 2022-ben kivezette az API-kulcsokat. A korábban létrehozott kulcsok még működnek, de új kapcsolathoz az OAuth 2.0 az ajánlott.

OAuth 2.0 hitelesítés

A kapcsoló bekapcsolása után négy új beállítás jelenik meg.

https://minta-bolt.hu/wp-admin/edit.php?post_type=jet-form-builder&page=jfb-settings

Beállítás	Mit csinál
Your Redirect URL	A webhelyed visszahívási címe. A Copy gombbal másold ki, és a HubSpot-alkalmazás Redirect URLs mezőjébe kell beillesztened.
Client Secret	A HubSpot-alkalmazás titkos kulcsa (Client secret).
Install URL (OAuth)	A HubSpot-alkalmazás telepítési címe (Sample install URL).
Authorize	Bejelentkezteti a webhelyet a HubSpotba az OAuth 2.0 folyamattal.

Az alkalmazás létrehozása a HubSpotban

1. Nyisd meg a HubSpot fejlesztői oldalát, és jelentkezz be, vagy hozz létre fejlesztői fiókot. A HubSpot a Windowson a Chrome-ot és a Firefoxot, Macen a Chrome-ot, a Safarit és a Firefoxot támogatja.

2. Hozz létre tesztfiókot, vagy lépj be egy korábban létrehozottba.

3. Kattints a Create app gombra. Megnyílik az alkalmazás szerkesztője.

4. Írd be az alkalmazás nevét a Public app name mezőbe.

5. A WordPressben a JetFormBuilder → Beállítások → HubSpot API fülön kapcsold be az Enable OAuth 2.0 kapcsolót.

6. Másold ki a Your Redirect URL mező értékét a Copy gombbal.

7. A HubSpot-alkalmazásban válaszd az Auth fület, görgess le a Redirect URLs mezőhöz, és illeszd be a kimásolt címet.

8. Görgess a Scopes részhez, kattints a + Add new scope gombra, és add hozzá az alapból megadott oauth mellé ezeket a jogosultságokat:

   crm.objects.companies.read
   crm.objects.companies.write
   crm.objects.contacts.read
   crm.objects.contacts.write
   crm.objects.owners.read
   oauth

9. Kattints a Create app gombra. Az Auth fül mezői ekkor kitöltődnek.

10. Másold ki a Client secret és a Sample install URL (OAuth) mező értékét.

11. A WordPressben illeszd be őket a Client Secret és az Install URL (OAuth) mezőbe.

12. Kattints a Save gombra, majd az Authorize gombra, és engedélyezd a hozzáférést a HubSpotban.

API-kulcs (régi módszer)

1. Jelentkezz be a HubSpot fejlesztői oldalára, és válaszd ki a kívánt fejlesztői tesztfiókot.
2. A felső sávban, a profilneved mellett kattints a fogaskerék ikonra a beállítások megnyitásához.
3. Nyisd ki az Account Manager → Integrations részt.
4. Nyisd ki a Legacy Apps fület, és lépj a Keys → Developer API Keys részhez.
5. Másold ki az Active API Key értékét.
6. A WordPressben a JetFormBuilder → Beállítások → HubSpot API fülön illeszd be az API key mezőbe.
7. Kattints a Save gombra.