Page Inline Editing

When you want to adjust text, images, or CTAs within your page content, or insert banners, notifications, guide tips, etc., you no longer need to trouble your development team. With Ptengine, you can directly and quickly adjust and improve your pages without coding, allowing for cost-effective trial and error.

Ptengine continuously collects data on your modified pages, enabling you to understand the conversion goals achieved by the updated pages, the characteristics of users who convert, and their behavior as visualized on heatmaps.

How to get started with your first Page Editing #

If you are in the campaign list, select “Create Experience”.

Click the “Page editing” button to create.

Here you can choose to start from the original page based on your own ideas, or you can start from some of the scene references we have offered.

Here, you can select the page you want to edit, this is the page you use for editing, if your changes want to take effect on more than one page, you can do this in the Settings later.

Edit the content #

Edit page content

  • You can edit any element of the selected page by clicking on it.
  • Text editing, image replacement, CTA copy editing, link replacement, element style editing through the toolbar.
  • For content that requires interaction to appear, such as tab switching or drop-down boxes, you can use the "interactive mode" in the upper right corner to operate.
  • The code mode in the upper right corner can support more custom CSS or JS.

The editor for adjusting the existing elements in the page Experience is based on the HTML structure for module definition, so you need to pay attention to the element level, the following specific examples to show you how to select the target element and adjust.

Copy the target element

You can select any module on the page. When you click Select, the label of the current element will be displayed in the upper left corner of the element. When we want to adjust a wider range of layers (such as the upper DIV), we can expand the element tag.

Tips: When selecting an element in the element TAB, a green preview box will appear when the mouse hovers over different elements. After selecting our target element, click Copy element.

Insert element refers to the target location

As in the previous step, you need to select the element next to where the element is inserted and select “Paste”

Before/after this element: Paste the copied element as a whole to the front or back of the element module

Beginning/ending inside this element: Paste the beginning or end inside this element in DIV/P-class

Add Content to the page

Click on the element around the content you want to add on the page, and click Add Content to add an image, text, CTA button, or any HTML content before and after the element.

After the content is added, you can use the toolbar to edit the content, adjust the style, or add links.

Device synchronization

You can click Sync with PC at the top of your smartphone editor to quickly copy the changes on your PC canvas. If you want to change something slightly different on different devices, you can also edit it separately on both devices.

Preview and publish #

Click Preview to see what the finished page will look like. After completing the design, click [Save].

Set triggering conditions after the page is modified #

  • Set the page for the change to take effect

    On this screen, you can specify the range of pages to be displayed. For page editing, the default state is tightly displayed on the page you edit, but if the content you modify will be displayed on multiple pages, such as website navigation, or all product pages have purchase buttons, etc., you can also match the page you want to display by several ways including, not including, head match, end match, exat match, RegEx.

  • Set the tartget users

You can display modifications or additions based on specific users to provide the best experience. You can filter users from the following perspectives:

  • User behavior: Filter based on whether a user has visited a key page (such as a thank you page URL after a successful purchase), whether a key behavior has been completed, and the number of visits.

  • Visit properties: Filter according to the source, advertising information, region, device and other attributes of user access.

  • User tags: Filter users according to their label attributes, such as Email, age, preference, and membership level. This requires you to bury the user identification code, you can send the user information to us to understand the Identify burial point.

  • Set the goal

    Based on the primary purpose of modifying your page content, set modification goals here to effectively evaluate the results. Common goals include: Purchase Completion, Appointment Completion, Resource Downloads, and more. Goal setup can be based on page visits (e.g., thank you pages after successful purchases or appointments) or triggered by key event behaviors.

  • Schedule or set delivery time

When your page modifications are tied to a planned campaign or event, you can choose to prepare your page edits in advance and schedule them to automatically publish online at the event's start time. Additionally, you can set an automatic unpublish time based on the event duration, and even schedule display based on a weekly cycle or specific times of day.

  • Publish the page editing

After all Settings, check the "Release" section to confirm, and click the "release now" button to complete the release.

View data and continuous improvement #

  • View the page performance

After publication, Ptengine will continue to track data for you, and you can see in the report how many people have been shown, how many people have achieved the goals you set, as well as the visit duration, number of pages visited, and bounce rate.

  • Check the performance with segmentation


You can break down the data performance of different users by device, source, advertising message, region, user tag, etc., to find out which users have a higher target achievement rate for your modifications.

  • Check the user behavior with heatmap

Through the heatmap, you can also further view the user's browsing, clicking, attention and other behaviors after the page editing.

Was this article helpful?

  • Yes, great!
  • Not really

Thanks for your feedback.

  Sorry about that. Do you mind sharing how we can improve?

    Write your feedback here...