Hi there,

Thank you for purchasing our plugin!

(1) We have installed B2BKing and integrated the login form. However, we are currently unable to configure role-based discounts for different user roles. Kindly provide detailed instructions or support to help us implement role-specific discounts successfully.

B2BKing uses its own groups system rather than WP roles. You can assign each customer to a group and create discounts for each group.

Let me share a few screenshots and examples:

On my local test site, I went to B2BKing -> Groups -> Business Groups and created 2 groups: Wholesale and Professionals:

Each customer can be assigned to one of these groups.

Then when editing any product, there are now 3 sets of price fields, 1 for each group:

Discounts can be added here directly for each product, for each group.

Another possibility is to create general discounts for the group, through dynamic rules:

For example I went to B2BKing -> Dynamic Rules and created the following rule:

This rule gives a general 15% discount, on all products, to users in the "Professionals" group. 

(2) We aim to enhance the visual appeal of our login and registration forms. Seeking guidance or resources to customize the forms to better align with our brand and create a more aesthetic user experience.

To modify the visual display of login or registration forms, one option would be to add custom CSS. Another could be to edit the PHP template of the account page.

I went to your page here https://artipieces.com/my-account/ and tried writing some CSS to improve the display. The result would be:

The CSS is:

@media (min-width: 768px){
    .col2-set#customer_login .col-1, .col2-set.addresses .col-1 {
        width: 41.1764705882%;
        float: left;
        margin-right: 5.8823529412%;
    }
    .col2-set#customer_login .col-2, .col2-set.addresses .col-2 {
        width: 52.9411764706%;
        float: right;
        margin-right: 0;
    }
}
select#b2bking_registration_roles_dropdown, select.b2bking_custom_registration_field, .country_to_state {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 0 0 20px;
    padding: 14px 18px;
    font-family: inherit;
    font-size: 14px;
    line-height: 20px;
    font-weight: inherit;
    color: #282828;
    background-color: transparent;
    border: 1px solid #e1e1e1;
    border-radius: 0;
    outline: 0;
    -webkit-appearance: none;
    cursor: pointer;
    box-sizing: border-box;
}

This can usually be added to Appearance -> Customize -> Extra CSS / Additional CSS.

Let me know if that works for you,

Kind regards,

Stefan