WPCrafter Community

Find answers, ask questions, and connect with our
WordPress community around the world.

Home Community General Questions How to add a copy to clipboard button

  • How to add a copy to clipboard button

     Diogo updated 2 years, 7 months ago 3 Members · 4 Posts
  • Diogo

    Feb 16, 2018 at 11:02 am

    Hi everyone!

    If anyone could help me it would be awesome! I need to have a button in my website that when clicked, automatically copies text. I'm using elementor pro to build my website. There is only one plugin that says that can do that but I think that it's not possible to use that in elementor.

    Does anyone knows what css code can I write in the Custom css of the button that automatic copies text?

    Thank you so much for your time and help!


  • Adam

    Feb 17, 2018 at 1:47 pm

    I wish I was able to provide some direction, but the best I can do is say that there just be some javascript out there, or a tutorial related to javascript to make this easier to do.

    Maybe someone else that visits this page may have more specific help.

    • Diogo

      Feb 17, 2018 at 1:50 pm

      Does it work to add javascript in the aditional css?

  • Stratos

    Feb 17, 2018 at 11:11 pm

    This plugin can do what you want with the use of a shortcode so you can use it with elementor.

    Copy To Clipboard – mobile + web

    This plugin can also do this by using code witch can work with elementor too.


    This website gives you a method by using JavaScript instead of a WordPress plugin.

    Copy to clipboard in Javascript – jQuery zClip


    So I would suggest to use one of those solution and customize it as you want using CSS than start from scratch with php to create your own button

Log in to reply.

Original Post
0 of 0 posts June 2018

Stay Up To Date

Enter your name and email for the latest news, updates, and tutorials.