DubBot offers deep linking to WordPress Multisites. The deep link will display in an added View in dropdown as you navigate your pages flagged with issues. Using the View in dropdown, when your named Connector is selected, the user will be taken directly to edit the page in WordPress.
Information you need before setting up your Connector
Find the URL that you would use to edit your content in WordPress.
Once you are in your WordPress account, if you navigate to a Page or Post for editing, you can find the URL to the editing environment by looking at the address in your browser window. It should look something like the following:
https://blog.univ.edu/unit/wp-admin/post.php?post=4385&action=edit
Find the location of the unique site and page identifier for your pages
Find a consistent tag in your webpages’ source code to determine the site and page identifiers for the location of the page in your WordPress account and provide that to the Connector setup in DubBot.
In our example below
unitis the site identifier and1234is the unique page identifier.For WordPress, a common method for providing the ID in the source code is using the shortlink tag:
<link rel='shortlink' href='https://blog.univ.edu/unit/?p=1234' />
but it could be anywhere in the HTML of the page, another example:
<link title="JSON" type="application/json" href="https://blog.univ.edu/unit/wp-json/wp/v2/posts/1234" />Sometimes the full URL needed for editing a page is located in a href attribute of a link in a source of a page. In this case you will use the Selector Type of URL.
If either one of these do not currently exist in your source code, it may be something you will need to have your Website administrators add to your WordPress templates.
Step 1: Creating your Connector
Select the Settings button to access your Account Settings Panel
Select Connectors in the Left Navigation
Select the Create new connector Button
Enter the name of your choice for the Connector in the Name field.
In the Type dropdown, select Generic Selector.
Step 2: Add the specifics for your Connector
Select ID in the Selector Type dropdown, if it applies in your situation.
Enter the CSS Selector for the element holding the needed page ID.
Sample for a site using link [title='JSON'] shown below.Enter the Attribute with URL value - Designate the attribute from within the chosen HTML element that holds the unique identifier, in this sample case : href .
Check the Use a Regex to parse attribute check box if needed, then enter the Attribute value regex to get the site and page IDs from the specified attribute, ex.
(?<DIR_ID>.+)/wp-json/wp/v2/posts/(?<PAGE_ID>\d+)
CMS Edit URL Use regex to build the Deep link connection.
ex. {DIR_ID}/wp-admin/post.php?post={PAGE_ID}&action=edit
Select the Create button to save your Connector
To have the View in link appear on your site, the site will need to either re-crawl or re-analyze. Drop us a note in the in-app chat and we will be happy to do that for you.
As with any setup, the DubBot support team is available to help you through these steps.
If you have questions, please reach out to our DubBot Support team via email at help@dubbot.com or via the blue chat bubble in the lower right corner of your screen. We are here to help!