Display & Customize Full Make-Offer Form

Problem Description #

You want the full offer form embedded on the product page or a custom page rather than only the “Make Offer” button. You also want to customize the form colors and other styles.

Common symptoms:

• The shortcode generates a button but not the full form.

• Styling options in settings don’t match the site style.

Cause:
The plugin provides both button and form modes via different shortcodes or shortcode attributes. Styling may be controlled via plugin settings or require custom CSS when theme overrides styles.

Solution – step-by-step #

1. Use the plugin’s shortcode for full form

WPFactory docs show shortcodes/attributes. Example (illustrative):

[price_offering_form product_id=”123″ show=”form”]

1.  Replace with the plugin’s documented shortcode, check How to Craft the Offer Button and Form Styling Options in the docs. WPFactory

1. Use shortcode attributes to control output
   1. The plugin supports attributes such as show=”form” or render=”inline”, consult docs and add attributes to the shortcode.

2. Change colors via plugin settings
   1. Visit plugin → Form Styling Options and choose colors for button and input. WPFactory docs include the precise setting names.

3. Add custom CSS for exact control

If theme CSS overrides plugin styles, add custom CSS (Appearance → Customize → Additional CSS or child theme):

.price-offer-form .offer-button { background: #0b74de; color: #fff; }

.price-offer-form input.price { border-radius: 4px; padding: 8px; }

1. Clear caches and test responsiveness
   1. Purge caches and test the form on desktop and mobile.
      

Prerequisites #

• Admin access to edit pages and plugin settings. WPFactory

Additional Notes / Prevention #

• Document your custom CSS for future theming updates.

• Use the plugin’s built-in color controls first to reduce CSS overrides.