How to connect GitHub to WordPress with Esipher

Esipher Connected Projects screen in WordPress with the GitHub connection fields

Set up a GitHub OAuth app, connect it to Esipher in WordPress and add your repository using this illustrated guide.

This guide follows the screens supplied for Esipher Connected Projects. Use your own WordPress website URL and callback URL, not the example website shown in the screenshots.

Step 01

Open Connected Projects in Esipher

First is the first step, Go to connected projects

WordPress dashboard with Esipher Connected Projects selected and empty GitHub Client ID and Client Secret fields — Step 1. Open Esipher → Connected Projects in your WordPress dashboard.

Step 02

Create a GitHub OAuth app

Second step is to head to settings in github- then click developer settings - then click new Auth as its in the second image

GitHub Developer Settings with OAuth Apps selected and the New OAuth App button at the top right — Step 2. In GitHub, go to Settings → Developer settings → OAuth Apps → New OAuth App.

Step 03

Enter your application name and website

in the third image youd input the Name of the project, then input the website you wanna upload the ai build on.

GitHub Register a new OAuth app form showing Application name, Homepage URL, Redirect URI and Register application — Step 3. Enter your project name and the WordPress website URL in the application form.

Step 04

Copy the callback URL from WordPress

the next thing is to go back to the wordpress esipher and copy the HTTP link as in the image i attached and paste in the Redirect URL on the Github Oauth app page then click Register application.

Esipher GitHub connection screen showing the site specific authorization callback URL beneath the credential fields — Step 4. Copy the exact callback URL from your own Esipher screen into GitHub’s Redirect URI field, then register the application.

Step 05

Save your GitHub credentials in Esipher

when it saved itd oen the oauth app created, copy the client id and generate secrete token, once generated, go to wordpress esipher and paste them there then hit save and connect

Registered GitHub OAuth application with Client ID and Generate a new client secret controls; credential values are hidden — Step 5. Copy your Client ID and generate a client secret. Paste both into Esipher and select Save & Connect. Credentials are hidden in this screenshot.

Step 06

Add your repository, branch and theme slug

Once it shows connected, go ahead and copy the repo link and paste in esipher on wordress, you can leave the BRANCH empty. then you can add the name of the project in the slug field. this should then pull the ai build into your website

Esipher showing GitHub connected, GitHub repo, optional Branch, Theme slug and Connect & sync now controls — Step 6. Add your GitHub repository URL and theme slug. Leave Branch empty to use the repository’s default branch.

Before you sync

Keep your credentials private

Enter your client secret only in Esipher’s Client Secret field. Do not include it in articles, screenshots or a public repository.

Review and apply updates

The instructions above are preserved as supplied. For the current release, GitHub builds your project and Esipher shows an Apply update button when a build is ready. An administrator must approve every update; changes do not install or activate automatically.

Know what converts

Authentication, database operations and live data do not convert. Esipher detects and reports them.
Client routing beyond what exists in the built HTML does not convert.
Custom component layouts are not yet split into individually editable blocks.
Builder specific adapters and a conversion history or rollback screen are still to come.

Esipher works with finished Vite and React builds. Connecting a repository does not automatically recreate unsupported dynamic functionality.

Get Esipher free Features and availability

Explore Esipher·More Inwebtify articles