How to work with PageFly on mobile?

About PageFly Editor On Mobile

The PageFly Editor has made significant strides in mobile functionality, allowing you to edit your pages directly on mobile devices. This feature is especially useful for Shopify merchants who want flexibility in managing your stores on the go. Here's how to effectively work with PageFly on mobile.

How To Access PageFly Editor On Mobile

To access the PageFly editor on your mobile device:

• Open your Shopify admin dashboard.

• Navigate to the PageFly Page Builder app.

• You can either create a new page or edit an existing one.

How To Configure PageFly Editor On Mobile

Most page editing features previously available on laptops are now fully functional on mobile devices. PageFly’s mobile editor allows you to:

Build page from pre-designed template	Add, edit, move, duplicate, and delete elements	Adjust Page settings (Ex: Select product source)

And other basic adjustments like:

• Copy and paste styles between elements.

• Preview and publish changes live, just as you would on a desktop.

Best Practices

To ensure a smooth and efficient experience when using the PageFly editor on mobile, follow these best practices:

1. Edit Headings/Buttons with Only an Image

If you are running a campaign and need to update content urgently, you can now easily edit headings or buttons directly on your mobile. For example:

• Open the PageFly editor on your mobile device.

• Tap on the heading or button element.

• Update the text or image as needed.

• Save and publish changes immediately.

This flexibility ensures you can make real-time adjustments on the go without requiring a laptop.

2. Add Custom Code on Mobile

Want to apply advanced customizations, such as gradient color text or animations? You can now do it via mobile. Here's how:

• Open the PageFly editor and select the element you want to customize.

• Tap on the "Custom Code" section in the element settings.

• Add your code snippet, such as CSS for gradient text (background-clip: text;) or JavaScript for animations.

• Preview changes live to ensure everything works as intended.

• Save and publish your updates.

3. Test Responsiveness

After making edits, use the "Preview" option to test how your page looks on mobile. This ensures that your page remains visually appealing and functional across all screen sizes.

4. Keep it Simple on Mobile

When working on mobile, focus on quick, essential edits:

• Stick to adding or modifying small elements (e.g., headings, buttons, or images).

• Use templates to save time if building a new page.

• Avoid overly complex customizations unless absolutely necessary, as they are easier to manage on a desktop.

Frequently Asked Questions

1. Are all desktop features available in the PageFly mobile editor?

Yes, most page editing features that were previously available on laptops are now fully functional on mobile devices, including adding, editing, moving, duplicating, and deleting elements.

2. Are there any limitations when using PageFly on mobile?

While most features are available, it's important to note that the experience may vary slightly depending on your device.

3. Can I save and publish to check the preview and live page on mobile?

Absolutely! PageFly mobile editor allows you to save your progress and publish changes directly from your mobile device. You can also use the "Preview" feature to check how the page will look live before publishing.