Will Work For Ko-fi Wordpress Plugin - Rating, Reviews, Demo & Download

Will Work For Ko-fi Preview Wordpress Plugin - Rating, Reviews, Demo & Download
No ratings yet
Free
Follow for free plugins, new theme releases and theme news

Plugin Description

Welcome to the Will Work for Ko-fi (WW4KOFI) Gutenberg block version 2.0.0.

Add your customised official Ko-fi button to your posts and pages. Visually preview your customisations in the block editor.

This custom Gutenberg Block (CGB) for the Ko-fi donation button allows you to:

  1. Create an optional heading
  2. Add a short call-to-action prompt
  3. Insert your custom button text
  4. Choose a background colour using a built-in colour picker
  5. And of course, add your Ko-fi code or username

Usage

  1. Open a page or post in Gutenberg.
  2. Click on the + to add a block.
  3. Start typing “Will Work for Ko-fi” until you see the block appear, then select it.
  4. Inside the block, enter an optional heading or short description into the respective input fields.
  5. In the settings sidebar, enter the text you want on your button. This is important! Keep it short.
  6. In the settings sidebar, use the colour picker for the button’s background.
  7. Remember to enter your Ko-fi code or username. This is also in the settings sidebar.
  8. Preview, Update, or Publish your page or post and enjoy 😉

Credits

Built with Create Guten Block.

Will Work for Ko-fi coffee logo by walkerstudio13 from the Noun Project.

Screenshots

  1. Your very own <strong>personalised</strong> official Ko-fi button.

    Your very own personalised official Ko-fi button.

  2. Get creative with your button placement and styling.

    Get creative with your button placement and styling.

  3. Style your Will Work for Ko-fi block with custom CSS.

    Style your Will Work for Ko-fi block with custom CSS.

  4. NEW live button preview in the block editor. Customise the heading and description in the editor. Edit the button text, button colour, and Ko-fi ID in the block inspector.

    NEW live button preview in the block editor. Customise the heading and description in the editor. Edit the button text, button colour, and Ko-fi ID in the block inspector.

  5. Use additional CSS for custom styling. Add your CSS class names under the <strong>Advanced</strong> section in the settings sidebar.

    Use additional CSS for custom styling. Add your CSS class names under the Advanced section in the settings sidebar.


Reviews & Comments